fix(minor): styles for desktop page

This commit is contained in:
sokumon 2025-10-21 12:12:31 +05:30
parent 519e5fba04
commit 586aa4f16c
3 changed files with 12 additions and 2 deletions

View file

@ -68,7 +68,7 @@
align-items: center;
gap: 12px;
}
.icon-container:has(img) {
.icon-container:has(.app-logo) {
padding: 0;
background-color: unset;
}
@ -199,6 +199,10 @@
width: 5px;
height: 5px;
}
& img{
width: 9px;
height: 9px;
}
}
}

View file

@ -61,6 +61,10 @@ Tip: use lucide.svg in /icons for all downloaded icons
<path d="M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2" /> <path d="m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06" /> <path d="m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8" />
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-trash-2">
<path d="M3 6h18" /> <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" /> <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" /> <line x1="10" x2="10" y1="11" y2="17" /> <line x1="14" x2="14" y1="11" y2="17" />
</symbol>
<symbol viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" id="icon-up-arrow">
<path d="m5 12 7-7 7 7"/><path d="M12 19V5"/>
</symbol>

Before

Width:  |  Height:  |  Size: 98 KiB

After

Width:  |  Height:  |  Size: 98 KiB

View file

@ -1,6 +1,8 @@
<a class="desktop-icon" data-logo="{{ icon.logo_url }}" data-icon="{{ icon.icon }}" data-type="{{ icon.type }}" style="text-decoration:none">
{% if (icon.logo_url) { %}
<div class="icon-container"> <img src="{{ icon.logo_url }}" alt="{{ icon.label }}" /></div>
<div class="icon-container">
<img class="app-icon" src="{{ icon.logo_url }}" alt="{{ icon.label }}" />
</div>
{% } else if (icon.icon_type == "Folder") { %}
<div class="icon-container folder-icon">