muayjtp/web_php
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

created admin sidebar

Browse source
This commit is contained in:
Juthatip McDevitt 2024-06-13 11:44:41 -05:00
parent f9fad6aab5
commit e9af568354
1 changed files with 39 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
hotel_booking/admin/dashboard.php
View file

@ -25,14 +25,48 @@
color: black;
transition: all 0.5s ease;
}
#dashboard-menu{
position: fixed;
height: 100%;
background-color: #194141;
color: white;
}
</style>
</head>
<body class="bg-light">
<div class="container-fluid text-light p-3 d-flex align-items-center justify-content-between" style="background-color: #112E2E;">
<h4>Admin Dashboard</h4>
<a href="logout.php" class="btn btn-main">Logout</a>
<body>
<div class="container-fluid text-light p-2 d-flex align-items-center justify-content-between sticky-top" style="background-color: #112E2E;">
<div class="d-flex align-items-center">
<img src="../images/logo-white.png" alt="logo" style="width: 100px;"/>
<h6 style="text-transform: uppercase; font-weight: 600;">Admin Dashboard</h6>
</div>
<a href="logout.php" class="btn btn-main" style="margin-right: 20px;">Logout</a>
</div>
<div class="col-lg-2" id="dashboard-menu">
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #194141;">
<div class="container-fluid flex-lg-column align-items-stretch">
<p class="mt-2" style="font-weight: 600; font-size: 18px;">Admin Panel</p>
<button class="navbar-toggler shadow-none border-none mb-2" type="button" data-bs-toggle="collapse" data-bs-target="#adminDropdown" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<i class="bi bi-list" style="color: white;"></i>
</button>
<div class="collapse navbar-collapse flex-column align-items-stretch" id="adminDropdown">
<ul class="nav nav-pills flex-column">
<li class="nav-item">
<a class="nav-link text-white" href="dashboard.php">Dashboard</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Rooms</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Users</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Setting</a>
</li>
</ul>
</div>
</div>
</nav>
</div>