fix: make icons subtle
This commit is contained in:
parent
2f3e44cb77
commit
40823fd23f
3 changed files with 7 additions and 4 deletions
|
|
@ -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{
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue