daryn/dashlio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve display

Browse Source
This commit is contained in:
Daryn
2026-04-19 18:05:31 +01:00
parent 4dd623a17f
commit fc3e1f4149
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/DesktopItem.vue
View File

@@ -26,11 +26,11 @@ const iconToUse = computed(() => props.item.icon || defaultIcon.value);
<NuxtLink
:to="targetUrl"
:target="isFolder ? '_self' : '_blank'"
class="flex flex-col items-center justify-center p-4 rounded-xl hover:bg-white/10 transition-colors cursor-pointer group select-none"
class="flex flex-col items-center justify-center p-5 rounded-2xl bg-white/10 hover:bg-white/20 backdrop-blur-md border border-white/10 transition-all cursor-pointer group select-none shadow-lg hover:shadow-xl "
>
<UIcon
:name="iconToUse"
class="w-16 h-16 mb-3 drop-shadow-md transition-transform group-hover:scale-105"
class="w-20 h-20 mb-3 drop-shadow-lg transition-transform group-hover:scale-110"
:style="{ color: item.color || (isFolder ? '#60A5FA' : '#9CA3AF') }"
/>
<span class="text-sm font-medium text-center text-white break-words line-clamp-2 w-full text-shadow">