💄 Fixes navbar link size

app/layouts/default.vue

@@ -1,7 +1,11 @@
 <template>
     <UHeader>
         <template #left>
-            <h1 class="text-2xl text-center">Food Not Bombs Slovensko</h1>
+            <UTooltip text="Domov">
+                <UButton color="neutral" variant="ghost" to="/" class="text-xl">
+                    Food Not Bombs Slovensko
+                </UButton>
+            </UTooltip>
         </template>
 
         <UNavigationMenu :items="items" />
@@ -21,7 +25,9 @@
     </UHeader>
 
     <UApp>
-        <slot />
+        <div class="m-4 w-full h-full flex flex-col">
+            <slot />
+        </div>
     </UApp>
 </template>
 
@@ -33,36 +39,31 @@ const items = computed<NavigationMenuItem[]>(() => [
         label: "Kto sme",
         to: "/kto-sme",
         active: route.path.startsWith("/about"),
+        class: "text-lg",
     },
     {
         label: "Akcie",
         to: "/akcie",
         active: route.path.startsWith("/akcie"),
+        class: "text-lg",
     },
     {
         label: "Pridaj sa",
         to: "/pridaj-sa",
         active: route.path.startsWith("/pridaj-sa"),
-    },
-    {
-        label: "Blog",
-        to: "/blog",
-        active: route.path.startsWith("/blog"),
-    },
-    {
-        label: "Fotky",
-        to: "/fotky",
-        active: route.path.startsWith("/fotky"),
+        class: "text-lg",
     },
     {
         label: "Kontakt",
         to: "/kontakt",
         active: route.path.startsWith("/kontakt"),
+        class: "text-lg",
     },
     {
         label: "Food Not Bombs vo svete",
         to: "https://foodnotbombs.net/new_site/",
         target: "_blank",
+        class: "text-lg",
     },
 ]);
 

app/layouts/empty.vue

@@ -0,0 +1,5 @@
+<template>
+    <UApp>
+        <slot />
+    </UApp>
+</template>

app/pages/index.vue

@@ -1,5 +1,3 @@
 <template>
-    <div class="m-4 w-full h-full flex flex-col">
-        <p>Hey!</p>
-    </div>
+    <p>Hey!</p>
 </template>

app/pages/kto-sme.vue

@@ -0,0 +1,3 @@
+<template>
+    <p>Hello world!</p>
+</template>