From 9f7aa993201b97e48d6feffbc7ce701ceff7926b Mon Sep 17 00:00:00 2001
From: Matt <matt@letsbe.solutions>
Date: Fri, 11 Jul 2025 17:30:44 -0400
Subject: [PATCH] fix: Refine sidebar design and navigation

- Make 'Port Nimara CRM' single line with larger logo (40px)
- Center logo perfectly in rail/collapsed mode
- Remove Dashboard button from navigation
- Make Interest List the first navigation item
- Remove duplicate navigation entries
- Improve visual alignment and spacing
---
 layouts/dashboard-unified.vue | 35 +++++++++++++++++++++++------------
 1 file changed, 23 insertions(+), 12 deletions(-)

diff --git a/layouts/dashboard-unified.vue b/layouts/dashboard-unified.vue
index 3ee019f..fb35412 100644
--- a/layouts/dashboard-unified.vue
+++ b/layouts/dashboard-unified.vue
@@ -10,12 +10,17 @@
       <!-- Logo and Title -->
       <v-list>
         <v-list-item
-          class="px-2 cursor-pointer"
-          prepend-avatar="/Port Nimara New Logo-Circular Frame.png"
-          :title="rail ? '' : 'Port Nimara'"
-          :subtitle="rail ? '' : 'CRM'"
+          class="px-3 py-3 cursor-pointer"
           @click="rail = !rail"
         >
+          <template v-slot:prepend>
+            <v-avatar size="40" class="me-3">
+              <v-img src="/Port Nimara New Logo-Circular Frame.png" alt="Port Nimara" />
+            </v-avatar>
+          </template>
+          <v-list-item-title v-if="!rail" class="text-subtitle-1 font-weight-medium">
+            Port Nimara CRM
+          </v-list-item-title>
         </v-list-item>
       </v-list>
 
@@ -159,9 +164,9 @@ const pageTitle = computed(() => {
 const navigationItems = computed(() => {
   const items = [
     {
-      label: 'Dashboard',
-      icon: 'mdi-home',
-      to: '/dashboard',
+      label: 'Interest List',
+      icon: 'mdi-account-multiple',
+      to: '/dashboard/interest-list',
     },
     {
       label: 'Analytics',
@@ -178,11 +183,6 @@ const navigationItems = computed(() => {
       icon: 'mdi-map',
       to: '/dashboard/interest-berth-status',
     },
-    {
-      label: 'Interest List',
-      icon: 'mdi-account-multiple',
-      to: '/dashboard/interest-list',
-    },
     {
       label: 'Interest Status',
       icon: 'mdi-clipboard-check',
@@ -301,6 +301,17 @@ onMounted(() => {
   margin-inline-end: 0;
 }
 
+/* Center logo in rail mode */
+.v-navigation-drawer--rail .v-list-item {
+  justify-content: center;
+  padding-inline-start: 16px !important;
+  padding-inline-end: 16px !important;
+}
+
+.v-navigation-drawer--rail .v-list-item__prepend {
+  justify-content: center;
+}
+
 /* Smooth transitions */
 .v-navigation-drawer,
 .v-list-item__content,