updated nav, colors and layout

2021-10-06 22:53:49 +02:00
parent a62a702484
commit a42c3ff777
6 changed files with 102 additions and 23 deletions
--- a/src/components/Nav.vue
+++ b/src/components/Nav.vue
@@ -84,7 +84,8 @@ nav {
  max-width: 100vw;
  height: 70px;
  width: 100vw;
-  background: rgba(16, 18, 26, 0.5);
+  //background: rgba(16, 18, 26, 0.5);
+  background: rgba(16, 18, 26, 1);

  .text-up {
    font-size: 40%;
@@ -118,13 +119,17 @@ nav {
 }

@media screen and (max-width: 768px) {
-  nav input[type="search"] {
-    min-width: 0;
-    max-width: 0;
+  nav {
+    background: rgba(16, 18, 26, 1);

-    &:focus {
-      min-width: 100%;
-      max-width: 100%;
+    input[type="search"] {
+      min-width: 0;
+      max-width: 0;
+
+      &:focus {
+        min-width: 100%;
+        max-width: 100%;
+      }
    }
  }
 }