NN-399 Added responsive design to toolbar

BackofenLab · Nov 27, 2023 · 7cec24d · 7cec24d
1 parent cf458db
commit 7cec24d
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/frontend/src/components/toolbar/MainToolBar.vue b/frontend/src/components/toolbar/MainToolBar.vue
@@ -105,17 +105,22 @@ export default {
     color:  #0A0A1A;
     font-family: sans-serif;
     font-weight: bold;
-    padding: 10px;
-    margin: 0 8px;
+    padding: 2%;
+    margin: 0 2%;
     position: relative;
     cursor: pointer;
     white-space: nowrap;
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 40px;
-    height: 40px;
+    height: 100%;
 }
+
+.menu-bar li img {
+    max-width: none;
+    width: 60%;
+}
+
 .menu-bar li::before {
 	content: " ";
 	position: absolute;