/* CSS Tambahan untuk Mempercantik Sidebar & Navigasi */ .sidebar, main#sidebar, .left-sidebar, nav.sidebar, div[class*='sidebar'] { background-color: #ffffff !important; border-right: 1px solid #eaeaea; } .sidebar .nav-link, .sidebar a, nav a { padding: 8px 16px !important; margin: 2px 10px !important; border-radius: 6px !important; font-size: 13.5px !important; color: #495057 !important; transition: all 0.2s ease-in-out; } .sidebar .nav-link:hover, .sidebar a:hover { background-color: #f8f9fa !important; color: #0d6efd !important; } .sidebar .nav-link.active, .sidebar a.active { background-color: #e7f1ff !important; color: #0d6efd !important; font-weight: 600; } .sidebar .nav-link i, .sidebar a i { width: 20px; text-align: center; margin-right: 8px; }
Desain kerangka telah dirapikan. Langkah selanjutnya kita akan memasang
tabel master data ke dalam menu di sebelah kiri dan mengaktifkan fitur Impor Data.