fix: make icons subtle

This commit is contained in:
sokumon 2025-08-26 16:55:55 +05:30
parent 2f3e44cb77
commit 40823fd23f
3 changed files with 7 additions and 4 deletions

View file

@ -3,6 +3,9 @@
padding-left: 400px;
padding-right: 400px;
}
.icon-stroke{
stroke-width: 1px;
}
.icons{
gap: 30px;
display: grid;
@ -19,7 +22,7 @@
}
.icon-container{
padding: 10px;
border: black solid 1px;
border: var(--gray-400) solid 1px;
border-radius: 10px;
}
.icon-container:hover{

View file

@ -3,10 +3,10 @@
<div class="desktop-container">
<div class="icons">
{% for icon in icons %}
<div class="desktop-icon" data-icon="{{ icon.icon }}" data-type="{{ icon.type }}" data-route="{{ icon.route }}">
<a class="desktop-icon" data-icon="{{ icon.icon }}" data-type="{{ icon.type }}" href="{{ icon.route }}" style="text-decoration:none">
<div class="icon-container" data-color="{{ icon.color }}"> </div>
<div class="icon-label">{{ icon.label }}</div>
</div>
</a>
{% endfor %}
</div>

View file

@ -17,7 +17,7 @@ function setup() {
href: get_route($(el)),
});
const svg = frappe.utils.icon(icon_name, "xl");
const svg = frappe.utils.icon(icon_name, "xl icon-stroke");
if (svg) {
link.html(svg);
}