haex/haex-hub-mirror
1
0
Fork 0
mirror of https://github.com/haexhub/haex-hub.git synced 2025-12-16 22:20:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

adapt bg color

Browse Source
This commit is contained in:
haex
2025-06-08 00:24:46 +02:00
parent 18fee933ec
commit 0b8f2c5532
3 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/haex/pass/mobile/menu/index.vue
View File

@ -5,9 +5,9 @@
> >
<li <li
v-for="(group, index) in groupItems.groups" 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="{ :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), selectedItems.has(group.id),
}" }"
:style="{ '--motion-delay': `${50 * index}ms` }" :style="{ '--motion-delay': `${50 * index}ms` }"

2
src/components/haex/sidebar/link.vue
View File

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

8
src/layouts/app.vue
View File

@ -37,7 +37,7 @@
<div class="navbar-end flex items-center gap-4 me-4"> <div class="navbar-end flex items-center gap-4 me-4">
<div <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')"> <UiTooltip :tooltip="t('notifications.label')">
<button <button
@ -60,7 +60,7 @@
</button> </button>
</UiTooltip> </UiTooltip>
<div <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" role="menu"
aria-orientation="vertical" aria-orientation="vertical"
aria-labelledby="dropdown-scrollable" aria-labelledby="dropdown-scrollable"
@ -71,7 +71,7 @@
</h6> </h6>
</div> </div>
<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 <div
v-for="notification in notifications" v-for="notification in notifications"
@ -103,7 +103,7 @@
</div> </div>
<NuxtLinkLocale <NuxtLinkLocale
:to="{ name: 'notifications' }" :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" /> <span class="icon-[tabler--eye] size-4" />
{{ t('notifications.view_all') }} {{ t('notifications.view_all') }}