revert a2f61c5a1c

revert add actionbar

layouts/Navigationbar.vue

@@ -1,5 +1,5 @@
 <template>
-    <aside class="sidebar">
+    <section class="sidebar">
       <div class="toggle">
         <div class="icon"  id="back-icon">
           <img loading="lazy" src="../icons/Back-Icon.svg"/>
@@ -50,7 +50,7 @@
           </button>
         </nav>
       </div>
-    </aside>
+    </section>
 </template>
 
 
@@ -72,24 +72,23 @@ export default {
   }
 
   .sidebar {
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-    justify-content: center;
-    width: 200px;
-    border-radius: 10px;
-    padding: 10px;
-    gap: 10px;
+    align-items: flex-start;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
     background-color: #2c2c2c;
+    width: 200px;
+    display: flex;
+    flex-direction: column;
+    border-radius: 10px;
+    gap: 10px;
+    padding: 10px;
   }
 
 
   .toggle {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
     justify-content: space-between;
+    align-items: center;
+    align-self: stretch;
+    display: flex;
     height: 40px;
     padding: 10px;
   }
@@ -97,19 +96,20 @@ export default {
 
 
   .menus {
+    align-items: flex-start;
+    align-self: stretch;
     display: flex;
     flex-direction: column;
-    align-items: stretch;
-    justify-content: center;
     padding: 40px 0;
     gap: 30px;
   }
 
   nav {
+    justify-content: center;
+    align-items: center;
+    align-self: stretch;
     display: flex;
     flex-direction: column;
-    align-items: stretch;
-    justify-content: center;
     padding: 10px;
     gap: 30px;
   }
@@ -120,14 +120,14 @@ export default {
   
   button {
     display: flex;
-    flex-direction: row;
     align-items: center;
+    align-self: stretch;
     justify-content: flex-start;
     height: 35px;
+    border: none;
     border-radius: 5px;
     padding: 5px;
     gap: 10px;
-    border: none;
     background-color: #2c2c2c;
     transition-duration: 0.5s;
   }
@@ -151,6 +151,8 @@ export default {
     transition-duration: 0.5s;
   }
   #indicator-icon:hover, #back-icon:hover {
+    width: 30px;
+    height: 30px;
     background-color: #444444;
   }
 
@@ -166,9 +168,12 @@ export default {
   
   .label {
     color: #fff;
+    /*leading-trim: both;
+    text-edge: cap;*/
     letter-spacing: 0.7px;
-    align-self: stretch;
+    align-self: center;
     white-space: nowrap;
+    margin: auto 0;
     font: 700 14px/20px Overpass, sans-serif;
   }