From 28a370fa34d412526404b41c7c65fd7b604e3514 Mon Sep 17 00:00:00 2001
From: janko <Jan.Kostanjevec@radiostudent.si>
Date: Sat, 6 Jan 2024 18:48:35 +0100
Subject: [PATCH] glava style 2

---
 nuxt/components/Glava.vue | 17 +++++++++++------
 nuxt/pages/index.vue      | 18 +++++-------------
 2 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/nuxt/components/Glava.vue b/nuxt/components/Glava.vue
index fc5c200..2e18ac1 100644
--- a/nuxt/components/Glava.vue
+++ b/nuxt/components/Glava.vue
@@ -21,26 +21,31 @@
  }
 
  .meni {
+  display: flex;
   margin: 0;
   width: 100%;
+  justify-content: space-between;
 }
 .meni a {
   text-decoration: none;
   text-transform: uppercase;
   font-weight: bold;
+  color: black;
+  padding: 40px 80px;
 }
 
- ul {
+ul {
   list-style: none;
   padding: 0%;
   width: 100%;
 }
 
-@media screen (min-width: 480px) {
-  .meni{
-
+@media screen and (max-width: 768px) {
+  .meni {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
   }
 }
 
-
-</style>
+</style>
\ No newline at end of file
diff --git a/nuxt/pages/index.vue b/nuxt/pages/index.vue
index 251f3e2..a8b5763 100644
--- a/nuxt/pages/index.vue
+++ b/nuxt/pages/index.vue
@@ -11,22 +11,14 @@ await store.naloziStrani()
 </template>
 
 <style>
+  :root {
+    --siva: #D9D9D9;
+  }
+
   body {
     font-family: Inter;
     margin: 0;
-    padding: 1rem;
-  }
-
-  @media screen and (min-width: 260px) {
-    .meni {
-      display: flex;
-      padding: 0;
-      justify-content: space-between;
-    }
-  }
-
-  .meni li {
-    margin-left: 1.2rem;
+    background: var(--siva);
   }
 
   h1 {