fix: bugs

src/layouts/AdminLayout.vue

@@ -198,6 +198,9 @@ const menuItems = computed(() => [
   }
 
   &__inner {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
     padding: 1.25rem;
   }
 
@@ -214,8 +217,8 @@ const menuItems = computed(() => [
   }
 
   &__footer {
+    margin-top: auto;
     padding-top: 0.5rem;
-    margin-top: 2.5rem;
     background-color: #f5f5f5;
 
     @media (min-width: 1024px) {

src/layouts/CounselorLayout.vue

@@ -108,6 +108,9 @@ const menuItems = computed(() => [
   }
 
   &__inner {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
     padding: 1.25rem;
   }
 
@@ -124,8 +127,8 @@ const menuItems = computed(() => [
   }
 
   &__footer {
+    margin-top: auto;
     padding-top: 0.5rem;
-    margin-top: 2.5rem;
     background-color: #f5f5f5;
 
     @media (min-width: 1024px) {

src/layouts/StudentLayout.vue

@@ -54,20 +54,8 @@ const pageTitle = computed(() => route.meta?.title || 'پیشخوان')
 
 const menuItems = computed(() => [
   {
-    title: 'پیشـخوان',
-    icon: 'menu',
-    to: { name: 'student-dashboard' },
-    active: route.name === 'student-dashboard',
-  },
-  {
-    title: 'دوره‌های من',
-    icon: 'book',
-    to: { name: 'student-courses' },
-    active: ['student-courses', 'student-course-details'].includes(route.name),
-  },
-  {
-    title: 'دوره‌های آموزشی',
-    icon: 'book',
+    title: 'آموزش',
+    icon: 'graduation-cap',
     to: { name: 'student-terms' },
     active: [
       'student-terms',
@@ -75,44 +63,47 @@ const menuItems = computed(() => [
       'student-lesson-details',
       'student-session-details',
       'student-exam',
+      'student-courses',
+      'student-course-details',
+      'student-dashboard',
     ].includes(route.name),
   },
   {
     title: 'سامانه اعزام',
-    icon: 'paper-plane-right',
+    icon: 'user-sound',
     to: { name: 'student-missionary' },
     active: route.name === 'student-missionary',
   },
   {
     title: 'خدمات',
-    icon: 'paper-plane',
+    icon: 'folder-simple-star',
     to: { name: 'student-services' },
     active: route.name === 'student-services',
   },
   {
     title: 'مشاوره',
-    icon: 'chat',
+    icon: 'chat-teardrop-text',
     to: { name: 'student-consultants' },
     active: route.name === 'student-consultants',
   },
   {
-    title: 'تیکت‌های من',
-    icon: 'chat-centered-dots',
-    to: { name: 'student-tickets' },
-    active: route.name === 'student-tickets',
-  },
-  {
-    title: 'گواهینامه ها',
-    icon: 'scroll',
+    title: 'گواهینامه',
+    icon: 'certificate',
     to: { name: 'student-certificates' },
     active: route.name === 'student-certificates',
   },
   {
     title: 'ویرایش پروفایل',
-    icon: 'user',
+    icon: 'user-circle-check',
     to: { name: 'student-profile' },
     active: route.name === 'student-profile',
   },
+  {
+    title: 'تیکت',
+    icon: 'envelope-open',
+    to: { name: 'student-tickets' },
+    active: route.name === 'student-tickets',
+  },
 ])
 </script>
 
@@ -177,6 +168,9 @@ const menuItems = computed(() => [
   }
 
   &__inner {
+    display: flex;
+    flex-direction: column;
+    min-height: 100dvh;
     padding: 1.25rem;
   }
 
@@ -189,16 +183,8 @@ const menuItems = computed(() => [
   }
 
   &__footer {
-    position: fixed;
-    bottom: 0;
-    left: 1.25rem;
-    width: 100%;
+    margin-top: auto;
     padding: 0.5rem 0 1.25rem;
-    background-color: #f5f5f5;
-
-    @media (min-width: 1024px) {
-      width: fit-content;
-    }
   }
 }
 </style>

src/layouts/sidebars/AdminSidebar.vue

@@ -60,7 +60,7 @@ const logo = gallery.logoPinkishRed
     justify-content: center;
 
     img {
-      height: 3.5rem;
+      height: 100px;
       object-fit: contain;
     }
   }

src/layouts/sidebars/CounselorSidebar.vue

@@ -48,7 +48,7 @@ const logo = gallery.logoPinkishRed
     justify-content: center;
 
     img {
-      height: 3.5rem;
+      height: 100px;
       object-fit: contain;
     }
   }

src/layouts/sidebars/StudentSidebar.vue

@@ -1,5 +1,5 @@
 <template>
-  <aside class="student-sidebar">
+  <aside class="student-sidebar" :style="{ backgroundImage: `url(${bgPattern})` }">
     <div class="student-sidebar__logo">
       <img :src="logo" alt="banu" />
     </div>
@@ -12,7 +12,7 @@
             class="student-sidebar__link"
             :class="{ 'student-sidebar__link--active': item.active }"
           >
-            <SvgIcon v-if="item.icon" :name="item.icon" :size="22" color="#fff" />
+            <SvgIcon v-if="item.icon" :name="item.icon" :size="22" color="currentColor" />
             <span>{{ item.title }}</span>
           </component>
         </li>
@@ -30,17 +30,20 @@ defineProps({
 })
 
 const logo = gallery.logoWhite
+const bgPattern = gallery.studentSidebarPattern
 </script>
 
 <style lang="scss" scoped>
 .student-sidebar {
-  height: 100%;
+  height: 100vh;
   width: 100%;
   padding: 1.5rem 1rem;
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
-  border-radius: 1rem;
+  border-radius: 0;
+  border-top-left-radius: 2rem;
+  border-bottom-left-radius: 2rem;
   background-color: var(--color-primary);
   background-position: center;
   background-size: cover;
@@ -51,7 +54,7 @@ const logo = gallery.logoWhite
     justify-content: center;
 
     img {
-      height: 3.5rem;
+      height: 100px;
       object-fit: contain;
     }
   }