adapt bg color

This commit is contained in:
2025-06-08 00:24:46 +02:00
parent 18fee933ec
commit 0b8f2c5532
3 changed files with 7 additions and 7 deletions

View File

@ -5,9 +5,9 @@
>
<li
v-for="(group, index) in groupItems.groups"
class="bg-base-100 rounded-lg hover:bg-base-100/45 origin-to intersect:motion-preset-slide-down intersect:motion-ease-spring-bouncier intersect:motion-delay ease-in-out shadow"
class="bg-base-100 rounded-lg hover:bg-base-content/20 origin-to intersect:motion-preset-slide-down intersect:motion-ease-spring-bouncier intersect:motion-delay ease-in-out shadow"
:class="{
'bg-base-300/15 outline outline-accent hover:bg-base-300/15':
'bg-base-content/20 outline outline-accent hover:bg-base-content/20':
selectedItems.has(group.id),
}"
:style="{ '--motion-delay': `${50 * index}ms` }"

View File

@ -2,7 +2,7 @@
<li
class="rounded"
:class="{
['bg-base-300/35 ']: isActive,
['bg-base-content/20 ']: isActive,
}"
@click="triggerNavigate"
>

View File

@ -37,7 +37,7 @@
<div class="navbar-end flex items-center gap-4 me-4">
<div
class="dropdown relative inline-flex [--auto-close:inside] [--offset:20] [--placement:bottom-end]"
class="dropdown relative inline-flex [--auto-close:inside] [--offset:18] [--placement:bottom]"
>
<UiTooltip :tooltip="t('notifications.label')">
<button
@ -60,7 +60,7 @@
</button>
</UiTooltip>
<div
class="dropdown-menu dropdown-open:opacity-100 hidden"
class="dropdown-menu dropdown-open:opacity-100 hidden w-full max-w-96 shadow"
role="menu"
aria-orientation="vertical"
aria-labelledby="dropdown-scrollable"
@ -71,7 +71,7 @@
</h6>
</div>
<div
class="vertical-scrollbar horizontal-scrollbar rounded-scrollbar text-base-content/80 max-h-56 overflow-auto max-w-full"
class="vertical-scrollbar horizontal-scrollbar rounded-scrollbar text-base-content/80 max-h-56 overflow-auto"
>
<div
v-for="notification in notifications"
@ -103,7 +103,7 @@
</div>
<NuxtLinkLocale
:to="{ name: 'notifications' }"
class="dropdown-footer justify-center gap-1"
class="dropdown-footer justify-center gap-1 hover:bg-base-content/10"
>
<span class="icon-[tabler--eye] size-4" />
{{ t('notifications.view_all') }}