From aa190f95f6e6c7d3fc5dd5b0293b2d175d54d49e Mon Sep 17 00:00:00 2001
From: christodharma <13521009@std.stei.itb.ac.id>
Date: Sat, 7 Oct 2023 22:24:31 +0700
Subject: [PATCH] fix: main "container" class for navbar is tabgroup

---
 client/css/navbar.css     | 15 +++++----------
 client/js/navbar.js       |  2 --
 client/protoype/cart.html |  8 +++++---
 3 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/client/css/navbar.css b/client/css/navbar.css
index c4e8d74..f83668a 100644
--- a/client/css/navbar.css
+++ b/client/css/navbar.css
@@ -1,12 +1,3 @@
-.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%;
diff --git a/client/js/navbar.js b/client/js/navbar.js
index b68f539..4ff82d0 100644
--- a/client/js/navbar.js
+++ b/client/js/navbar.js
@@ -1,6 +1,5 @@
 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
diff --git a/client/protoype/cart.html b/client/protoype/cart.html
index 8d1ff66..31fff5c 100644
--- 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
-- 
GitLab