E41220418
/
TIF_NGANJUK_E41220418
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
resources/views/template/admin.blade.php
View File

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