feat: style improvements

This commit is contained in:
Florian Sylvain
2023-08-11 01:19:55 +02:00
parent 366ae190ff
commit 7611738b48
2 changed files with 36 additions and 28 deletions
+30 -25
View File
@@ -1,27 +1,32 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container"> <div class="container">
<a class="navbar-brand" href="#">GohCMS</a> <div class="d-flex gap-2">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" <img src="/static/gohcms-favicon-128.png" alt="Logo" style="width: 2.5rem"/>
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <a class="navbar-brand" href="#">
<span class="navbar-toggler-icon"></span> GohCMS
</button> </a>
<div class="collapse navbar-collapse" id="navbarNav"> </div>
<ul class="navbar-nav me-auto"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
<li class="nav-item"> aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<a class="nav-link" href="/home">Accueil</a> <span class="navbar-toggler-icon"></span>
</li> </button>
<li class="nav-item"> <div class="collapse navbar-collapse" id="navbarNav">
<a class="nav-link" href="#">Link 2</a> <ul class="navbar-nav me-auto">
</li> <li class="nav-item">
<li class="nav-item"> <a class="nav-link" href="/home">Accueil</a>
<a class="nav-link" href="#">Link 3</a> </li>
</li> <li class="nav-item">
</ul> <a class="nav-link" href="#">Link 2</a>
<ul class="navbar-nav"> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link disconnect-link" href="/logout">Se déconnecter</a> <a class="nav-link" href="#">Link 3</a>
</li> </li>
</ul> </ul>
</div> <ul class="navbar-nav">
</div> <li class="nav-item">
<a class="nav-link disconnect-link" href="/logout">Se déconnecter</a>
</li>
</ul>
</div>
</div>
</nav> </nav>
+6 -3
View File
@@ -5,7 +5,7 @@
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>GohCMS | Accueil</title> <title>GohCMS | Accueil</title>
<link rel="stylesheet" href="/static/bootstrap.min.css" type="text/css"> <link rel="stylesheet" href="/static/bootstrap.min.css" type="text/css">
<script src="/static/bootstrap.min.js" <script src="/static/bootstrap.min.js"
type="application/javascript" type="application/javascript"
defer></script> defer></script>
@@ -13,8 +13,11 @@
<style> <style>
</style> </style>
</head> </head>
<body> <body class="text-dark">
{{.Navbar}} {{.Navbar}}
<h1>Home</h1> <div class="container mt-3 text-black-50">
<h1>Accueil</h1>
<p>Bienvenue sur GohCMS !</p>
</div>
</body> </body>
</html> </html>