diff --git a/layouts/dashboard-unified.vue b/layouts/dashboard-unified.vue index c3841f5..3ee019f 100644 --- a/layouts/dashboard-unified.vue +++ b/layouts/dashboard-unified.vue @@ -10,21 +10,12 @@ - @@ -211,11 +202,6 @@ const navigationItems = computed(() => { label: 'Expenses', icon: 'mdi-receipt', to: '/dashboard/expenses', - }, - { - label: 'Interest Emails', - icon: 'mdi-email', - to: '/dashboard/interest-emails', } ); } @@ -257,6 +243,24 @@ onMounted(() => { border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important; } +.cursor-pointer { + cursor: pointer; +} + +/* Improve rail mode appearance */ +.v-navigation-drawer--rail { + width: 72px !important; +} + +.v-navigation-drawer--rail .v-list-item { + padding-inline-start: 12px !important; + padding-inline-end: 12px !important; +} + +.v-navigation-drawer--rail .v-list-item__prepend { + margin-inline-end: 0 !important; +} + .v-navigation-drawer--rail .v-list-item__append { display: none; } @@ -264,4 +268,43 @@ onMounted(() => { .v-navigation-drawer--rail.v-navigation-drawer--is-hovering .v-list-item__append { display: flex; } + +/* Ensure proper mobile responsiveness */ +@media (max-width: 960px) { + .v-navigation-drawer { + position: fixed !important; + z-index: 1004 !important; + } + + .v-main { + padding-left: 0 !important; + } +} + +/* PWA optimizations */ +@media (display-mode: standalone) { + .v-app-bar { + padding-top: env(safe-area-inset-top); + } + + .v-navigation-drawer { + padding-bottom: env(safe-area-inset-bottom); + } +} + +/* Improve visual alignment */ +.v-list-item__prepend > .v-avatar { + margin-inline-end: 16px; +} + +.v-navigation-drawer--rail .v-list-item__prepend > .v-avatar { + margin-inline-end: 0; +} + +/* Smooth transitions */ +.v-navigation-drawer, +.v-list-item__content, +.v-list-item__prepend { + transition: all 0.2s ease-in-out; +}