From f88f2698ec6536dff03314870276dbc3f22ee86c Mon Sep 17 00:00:00 2001
From: glax <johanna@bernloehr.eu>
Date: Mon, 13 Oct 2025 20:59:13 +0200
Subject: [PATCH] fix links not showing on desktop

---
 website/app/app.vue | 36 ++++++++++++++++++++++++------------
 1 file changed, 24 insertions(+), 12 deletions(-)

diff --git a/website/app/app.vue b/website/app/app.vue
index 5322792..3048e5c 100644
--- a/website/app/app.vue
+++ b/website/app/app.vue
@@ -1,16 +1,7 @@
 <template>
     <UApp>
-        <UHeader>
-            <template #content>
-                <NuxtLink to="https://github.com/C9Glax/tranga" external no-prefetch><Icon name="i-lucide-github" />API</NuxtLink>
-                <NuxtLink to="https://github.com/C9Glax/tranga-website" external no-prefetch
-                    ><Icon name="i-lucide-github" />Website</NuxtLink
-                >
-                <NuxtLink :to="`${$config.public.openFetch.api.baseURL}swagger`" external no-prefetch
-                    ><Icon name="i-lucide-book-open" />Swagger</NuxtLink
-                >
-            </template>
-            <template #title>
+        <UHeader :toggle="true">
+            <template #left>
                 <NuxtLink to="/">
                     <div class="h-full flex gap-2 items-center">
                         <img src="/blahaj.png" class="h-lh cursor-grab" alt="Blahaj" />
@@ -26,6 +17,26 @@
                     </div>
                 </NuxtLink>
             </template>
+            <template #content>
+                <NuxtLink to="https://github.com/C9Glax/tranga" external no-prefetch><Icon name="i-lucide-github" />API</NuxtLink>
+                <NuxtLink to="https://github.com/C9Glax/tranga-website" external no-prefetch
+                    ><Icon name="i-lucide-github" />Website</NuxtLink
+                >
+                <NuxtLink :to="`${$config.public.openFetch.api.baseURL}swagger`" external no-prefetch
+                    ><Icon name="i-lucide-book-open" />Swagger</NuxtLink
+                >
+            </template>
+            <template #default>
+                <div class="flex text-dimmed gap-2">
+                    <NuxtLink to="https://github.com/C9Glax/tranga" external no-prefetch><Icon name="i-lucide-github" />API</NuxtLink>
+                    <NuxtLink to="https://github.com/C9Glax/tranga-website" external no-prefetch
+                    ><Icon name="i-lucide-github" />Website</NuxtLink
+                    >
+                    <NuxtLink :to="`${$config.public.openFetch.api.baseURL}swagger`" external no-prefetch
+                    ><Icon name="i-lucide-book-open" />Swagger</NuxtLink
+                    >
+                </div>
+            </template>
             <template #right>
                 <UButton icon="i-lucide-plus" to="/search" color="primary">Manga</UButton>
                 <UColorModeButton color="secondary" />
@@ -39,4 +50,5 @@
         </UMain>
     </UApp>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+</script>