feat: implement sidebar

This commit is contained in:
Sallu9007
2025-04-27 22:21:43 +05:30
parent 75f40b7147
commit 2deb7dd254
5 changed files with 599 additions and 54 deletions

View File

@@ -0,0 +1,41 @@
<link rel="stylesheet" href="{{ asset('assets/frontend/css/app.css') }}">
<style>
.navbar-profile-picture {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
border: 2px solid #ddd;
}
/* Add padding to body to prevent content from hiding behind fixed navbar */
body {
padding-top: 70px;
}
</style>
<nav class="navbar navbar-expand-lg navbar-dark bgGrad text-white fixed-top">
<div class="container-fluid">
<div class="d-flex customPos">
<div class="d-block d-md-none">
<div class="btn btn-transparent" data-bs-toggle="offcanvas" data-bs-target="#sidebar" aria-controls="offcanvasScrolling">
<img src="{{asset("assets/frontend/images/list.svg")}}" alt="list">
</div>
</div>
<a>
<img src="{{ asset('assets/frontend/logos/logoWhite.png') }}" alt="logo" width="72px">
</a>
<a class="navbar-brand text-light ms-md-3 textLg">Faculty Documentation Portal</a>
</div>
@if (!Auth::guest())
<ul class="navbar-nav me-md-5">
<div class="d-flex align-items-center bgRightShade">
<div class="d-none d-md-inline ms-2">
{{ auth()->user()->name }}
</div>
</div>
</ul>
@endif
@yield('login')
</div>
</nav>