52 lines
1.3 KiB
PHP
52 lines
1.3 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title><i class="fas fa-head-side-brain"></i></title>
|
|
<link rel="stylesheet" href="../css/styles.css">
|
|
<style>
|
|
body {
|
|
display: flex;
|
|
}
|
|
|
|
main {
|
|
flex-grow: 1; /* Permet au contenu principal de prendre tout l'espace restant */
|
|
padding: 20px;
|
|
}
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.sidebar {
|
|
width: 250px;
|
|
background-color: #333;
|
|
color: #fff;
|
|
padding: 20px;
|
|
height: 100vh;
|
|
/* Sidebar prend toute la hauteur visible de l'écran */
|
|
box-sizing: border-box;
|
|
/* inclut padding dans la largeur/hauteur */
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<aside class="sidebar">
|
|
<h2>Admin Panel</h2>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="frontend.php">Dashboard</a></li>
|
|
<li><a href="User.php">Users</a></li>
|
|
<li><a href="#">Settings</a></li>
|
|
<li><a href="#">Reports</a></li>
|
|
</ul>
|
|
</nav>
|
|
</aside>
|
|
</body>
|
|
|
|
</html> |