fix: bugs

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;
     }
   }