From 243c6fb124cfcacaab9d403040b1cc06714fd305 Mon Sep 17 00:00:00 2001
From: Daeng Deni Mardaeni <ddeni05@gmail.com>
Date: Mon, 30 Dec 2024 14:51:54 +0700
Subject: [PATCH] Perbaiki tampilan sidebar pada layout

- Menambahkan properti `h-[100%]` pada elemen sidebar untuk memastikan tinggi mencapai 100%.
- Mengoreksi nilai pada properti `data-scrollable-dependencies` dengan menambahkan koma di akhir.
- Menambahkan style scrollbar dengan warna sesuai variabel `--tw-primary`.
---
 resources/views/layouts/sidebar.blade.php | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/resources/views/layouts/sidebar.blade.php b/resources/views/layouts/sidebar.blade.php
index a1cf3bd..86357ba 100644
--- a/resources/views/layouts/sidebar.blade.php
+++ b/resources/views/layouts/sidebar.blade.php
@@ -19,10 +19,11 @@
             </i>
         </button>
     </div>
-    <div class="sidebar-content flex grow shrink-0 py-5 pr-2" id="sidebar_content">
+
+    <div class="sidebar-content flex grow shrink-0 py-5 pr-2 h-[100%]" id="sidebar_content">
         <div class="scrollable-y-hover grow shrink-0 flex pl-2 lg:pl-5 pr-1 lg:pr-3" data-scrollable="true"
-             data-scrollable-dependencies="#sidebar_header" data-scrollable-height="auto" data-scrollable-offset="0px"
-             data-scrollable-wrappers="#sidebar_content" id="sidebar_scrollable">
+             data-scrollable-dependencies="#sidebar_header," data-scrollable-height="auto" data-scrollable-offset="0px"
+             data-scrollable-wrappers="#sidebar_content" id="sidebar_scrollable" style="--tw-scrollbar-thumb-color: var(--tw-primary)">
             <div class="menu flex flex-col grow gap-0.5" data-menu="true" data-menu-accordion-expand-all="false"
                  id="sidebar_menu">
                 <div class="menu-item" data-menu-item-toggle="accordion" data-menu-item-trigger="click">