fix(ui): make footer links display on 2 lines and move sponsor link t…

…o first line
elk-zone · Mar 16, 2023 · 8ea02dd · 8ea02dd
1 parent 7cffd1c
commit 8ea02dd
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/components/nav/NavFooter.vue b/components/nav/NavFooter.vue
@@ -59,7 +59,7 @@ function toggleDark() {
         </NuxtLink>
       </template>
     </div>
-    <div flex gap-2>
+    <div flex="~ gap2">
       <NuxtLink to="/settings/about" cursor-pointer underline>
         {{ $t('settings.about.label') }}
       </NuxtLink>
@@ -68,6 +68,11 @@ function toggleDark() {
           {{ $t('nav.privacy') }}
         </NuxtLink>
       </template>
+      <NuxtLink href="https://github.com/sponsors/elk-zone" target="_blank" external whitespace-nowrap>
+        <span underline>{{ $t('settings.about.sponsor_action') }}</span> &#x2665;
+      </NuxtLink>
+    </div>
+    <div flex="~ gap2">
       <NuxtLink href="/m.webtoo.ls/@elk" target="_blank" underline>
         Mastodon
       </NuxtLink>
@@ -77,9 +82,6 @@ function toggleDark() {
       <NuxtLink href="https://github.com/elk-zone/elk" target="_blank" external underline>
         GitHub
       </NuxtLink>
-      <NuxtLink href="https://github.com/sponsors/elk-zone" target="_blank" external whitespace-nowrap>
-        <span underline>{{ $t('settings.about.sponsor_action') }}</span> &#x2665;
-      </NuxtLink>
     </div>
   </footer>
 </template>