fix: main "container" class for navbar is tabgroup

aa190f95 · Christophorus Dharma Winata · 6ff65dfe · aa190f95 · aa190f95 · aa190f95
Commit aa190f95 authored 1 year ago by Christophorus Dharma Winata
--- a/client/css/navbar.css
+++ b/client/css/navbar.css
-.navbar-container{
-    display: flex;
-    justify-content: space-evenly;
-    background-color: #AA1E1E;
-    border: none;
-    outline: none;
-    /* height: 15%; */
-}
 img{
    /* float: left; */
    margin: 10px;
@@ -15,9 +6,13 @@ img{
 }
 .tabgroup{
+    display: flex;
+    justify-content: space-evenly;
+    background-color: #AA1E1E;
+    border: none;
+    outline: none;
    color: #eaeaea;
    /* float: left; */
    font-size: 17px;
    width: 100%;
    height: 8%;

--- a/client/js/navbar.js
+++ b/client/js/navbar.js
 addnavbar = () => {
    return document.getElementById("tabgroup").innerHTML =`
-    <div class="navbar-container">
    <a class="tabexpand" href="#">
        <i class="fa-solid fa-bars"></i>
    </a>
@@ -19,6 +18,5 @@ addnavbar = () => {
        <i class="fa-solid fa-clipboard-list"></i>
        Catalog
    </a>
-</div>
    `
 }
\ No newline at end of file
--- a/client/protoype/cart.html
+++ b/client/protoype/cart.html
@@ -9,10 +9,12 @@
        <script src="../js/navbar.js"></script>
    </head>
    <body>
-        <script>
-            addnavbar();
-        </script>
        <div class="container">
+            <div id="tabgroup">
+                <script>
+                    addnavbar();
+                </script>
+            </div>
            <div class="cart-group">
                <h1>
                    Cart