Privacy policy

components/app/footer.vue

@@ -1,24 +1,30 @@
 <template>
   <footer
-    class="w-full flex items-center justify-between z-2 md:pb-5 pt-7 md:px-0 user-select-none px-4 md:px-0"
+    class="w-full flex items-center justify-between z-2 md:pb-5 pt-7 md:px-0 user-select-none pr-4 pl-2 md:pr-0"
   >
-    <NuxtLink
-      to="/changes"
-      class="text-sm md:text-base ripple px-3 py-0.5 rounded"
-    >
-      v{{ $config.CLIENT_VERSION }} © CrabFeeder {{ new Date().getFullYear() }}
-    </NuxtLink>
-    <div class="flex">
-      <a class="text-white" href="https://github.com/MatijaNovosel/realm-trove">
+    <div class="flex items-center">
+      <NuxtLink
+        class="flex items-center"
+        to="https://github.com/MatijaNovosel/realm-trove"
+      >
         <IconGithub :style="{ fontSize: '1.3em' }" />
-      </a>
-      <a
-        class="text-white pl-2"
-        href="https://www.realmeye.com/player/CrabFeeder"
+      </NuxtLink>
+      <NuxtLink
+        class="flex items-center mx-2"
+        to="https://www.realmeye.com/player/CrabFeeder"
       >
         <IconEye :style="{ fontSize: '1.3em' }" />
-      </a>
+      </NuxtLink>
+      <NuxtLink to="/changes" class="text-sm md:text-base ripple px-2 rounded">
+        v{{ $config.CLIENT_VERSION }}
+      </NuxtLink>
     </div>
+    <NuxtLink
+      to="/privacy"
+      class="underline underline-offset-4 decoration-dotted"
+    >
+      Privacy policy
+    </NuxtLink>
   </footer>
 </template>