feat: enhance UI components with consistent background styling for improved visibility

This commit is contained in:
2025-09-04 13:25:51 +02:00
parent 81814b507e
commit b40546ed9f
8 changed files with 36 additions and 8 deletions

View File

@@ -17,7 +17,7 @@ const { dark, toggleDark } = useTheme()
</ul>
</div>
<ClientOnly>
<UCard variant="outline" class="md:max-w-1/2 m-1 shadow-sm" :ui="{ body: 'flex justify-between items-center' }">
<UCard variant="outline" class="md:max-w-1/2 m-1 shadow-sm bg-white dark:bg-neutral-900" :ui="{ body: 'flex justify-between items-center' }">
<div class="flex items-center gap-2">
<UIcon v-if="dark" name="i-ph-moon-duotone" size="24" />
<UIcon v-else name="i-ph-sun-duotone" size="24" />