feat: navbar

Signed-off-by: QuentinN42 <quentin@lieumont.fr>
11 months ago · 94a6d70f24
2 changed files with 8 additions and 19 deletions
--- a/builder/templates/index.html
+++ b/builder/templates/index.html
@ -14,23 +14,10 @@
  </head>

  <body>
-    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-      <div class="container-fluid">
-        <div class="collapse navbar-collapse">
-          <ul class="navbar-nav">
-            <li class="nav-item">
-              <a class="nav-link active" aria-current="page" href="#">Rezel</a>
-            </li>
-            {% for category in config.categories %}
-            <li class="nav-item">
-              <a class="nav-link" href="#{{ category.id }}">
-                {{ category.name }}
-              </a>
-              {% endfor %}
-            </li>
-          </ul>
-        </div>
-      </div>
+    <nav class="navbar sticky-top navbar-light bg-light">
+      {% for category in config.categories %}
+      <a class="nav-link" href="#{{ category.id }}"> {{ category.name }} </a>
+      {% endfor %}
    </nav>
    {% for category in config.categories %}
    <div class="container-xxl px-5 py-5">
--- a/builder/templates/main.css
+++ b/builder/templates/main.css
@ -3,8 +3,10 @@ h2 {
 }

 .navbar {
-  position: sticky !important;
-  width: 100%;
+  justify-content: left !important;
+}
+.nav-link {
+  color: rgba(0,0,0,.7) !important;
 }

 .flex-container {