refactor sidebar links and improve layout for better navigation

This commit is contained in:
LailaWulandarii 2025-12-13 19:54:30 +07:00
parent db955de59f
commit 0d934ad4fc
1 changed files with 23 additions and 42 deletions

View File

@ -7,7 +7,6 @@
<title>{{ $title }} | Flo.do</title>
<link rel="icon" href="{{ asset('favicon.ico') }}" type="image/x-icon">
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
</head>
@ -18,57 +17,40 @@
<div class="sidebar-header position-relative">
<div class="d-flex justify-content-between align-items-center">
<div class="logo">
<img src="{{ asset('img/logo.png') }}" alt="Logo"></img>
<img src="{{ asset('img/logo.png') }}" alt="Logo">
</div>
</div>
</div>
<div class="sidebar-menu">
<ul class="menu">
<li class="sidebar-item active ">
<a href="index.html" class='sidebar-link'>
<li class="sidebar-item {{ $title === 'Beranda' ? 'active' : '' }}">
<a href="{{ url('/dashboard') }}" class='sidebar-link'>
<i class="bi bi-grid-fill"></i>
<span>Beranda</span>
</a>
</li>
<li class="sidebar-title">Kelola Pesanan</li>
<li class="sidebar-item ">
<a href="form-layout.html" class='sidebar-link'>
<li class="sidebar-item {{ $title === 'Pesanan Bunga' ? 'active' : '' }}">
<a href="{{ url('/pesanan-bunga') }}" class='sidebar-link'>
<i class="bi bi-flower1"></i>
<span>Pesanan Bunga</span>
</a>
</li>
<li class="sidebar-item ">
<a href="form-layout.html" class='sidebar-link'>
<li class="sidebar-item {{ $title === 'Pesanan Foto' ? 'active' : '' }}">
<a href="#" class='sidebar-link'>
<i class="bi bi-camera-fill"></i>
<span>Pesanan Foto</span>
</a>
</li>
<li class="sidebar-item ">
<a href="form-layout.html" class='sidebar-link'>
<i class="bi bi-clock-fill"></i>
<span>Riwayat Pesanan</span>
</a>
</li>
<li class="sidebar-title">Kelola Produk</li>
<li class="sidebar-item ">
<a href="form-layout.html" class='sidebar-link'>
<i class="bi bi-flower1"></i>
<span>Produk Bunga</span>
</a>
</li>
<li class="sidebar-item ">
<a href="form-layout.html" class='sidebar-link'>
<i class="bi bi-camera-fill"></i>
<span>Paket Foto</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<header class="mb-3">
<a href="#" class="burger-btn d-block d-xl-none">
@ -77,15 +59,17 @@
</header>
<div class="page-heading">
<div class="d-flex justify-content-between align-items-center">
<div class="d-flex justify-content-between align-items-center mb-3">
<h3>Beranda</h3>
<h3>{{ $title }}</h3>
<div class="dropdown">
<a href="#" id="profileDropdown" data-bs-toggle="dropdown" aria-expanded="false"><i
class="bi bi-person-circle fs-3 text-secondary"></i>
<a href="#" id="profileDropdown" data-bs-toggle="dropdown" aria-expanded="false">
<div class="bg-light rounded-circle d-flex justify-content-center align-items-center flex-shrink-0"
style="width: 40px; height: 40px;">
<i class="bi bi-person-circle fs-4 text-secondary"></i>
</div>
</a>
<ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="profileDropdown"
style="min-width: 200px;">
<li class="dropdown-header text-center">
@ -95,18 +79,14 @@ class="bi bi-person-circle fs-3 text-secondary"></i>
<li>
<hr class="dropdown-divider">
</li>
<li>
<a class="dropdown-item d-flex align-items-center" href="#"> Profil Saya
</a>
</li>
<li>
<a class="dropdown-item d-flex align-items-center text-danger" href="#"> Logout
</a>
</li>
<li><a class="dropdown-item" href="#">Profil Saya</a></li>
<li><a class="dropdown-item text-danger" href="#">Logout</a></li>
</ul>
</div>
</div>
@yield('content')
</div>
<footer class="footer-full">
@ -118,6 +98,7 @@ class="bi bi-person-circle fs-3 text-secondary"></i>
</div>
<script src="{{ asset('js/app.js') }}"></script>
@yield('scripts')
</body>
</html>