mirror/Hangar
2
0
Fork 0
mirror of https://github.com/HangarMC/Hangar.git synced 2025-01-30 14:30:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(frontend): cleanup footer a bit

Browse Source
This commit is contained in:
MiniDigger | Martin 2022-12-24 11:54:05 +01:00
parent 3cf48a4b8e
commit 5c76cae4db
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/components/layout/Footer.vue
View File

@ -1,25 +1,25 @@
<script setup lang="ts">
import { useI18n } from "vue-i18n";
const i18n = useI18n();
const { t } = useI18n();
</script>
<template>
<footer class="relative flex items-end mt-10 background-default px-8 pb-2 text-light-10 min-h-10">
<div class="footerContent w-screen">
<div class="footerBar flex flex-col gap-4 md:(flex-row-reverse gap-0) items-center justify-around mt-4 max-w-1200px m-auto text-sm">
<div class="footerBarLinks flex flex-col md:flex-row">
<router-link :to="{ name: 'guidelines' }" class="flex items-center rounded-md px-6 py-2" hover="text-primary-400 bg-primary-0"
>{{ i18n.t("hangar.footer.resourceGuidelines") }}
<div class="w-screen">
<div class="flex flex-col gap-4 md:(flex-row-reverse gap-0) items-center justify-around mt-4 max-w-1200px m-auto text-sm">
<div class="flex flex-col md:flex-row">
<router-link :to="{ name: 'guidelines' }" class="flex items-center rounded-md px-6 py-2" hover="text-primary-400 bg-primary-0">
{{ t("hangar.footer.resourceGuidelines") }}
</router-link>
<router-link :to="{ name: 'api' }" class="flex items-center rounded-md px-6 py-2" hover="text-primary-400 bg-primary-0">{{
i18n.t("hangar.footer.api")
}}</router-link>
<a href="https://github.com/HangarMC" class="flex items-center rounded-md px-6 py-2" hover="text-primary-400 bg-primary-0">{{
i18n.t("hangar.footer.org")
}}</a>
<router-link :to="{ name: 'privacy' }" class="flex items-center rounded-md px-6 py-2" hover="text-primary-400 bg-primary-0"
>{{ i18n.t("hangar.footer.privacypolicy") }}
<router-link :to="{ name: 'api' }" class="flex items-center rounded-md px-6 py-2" hover="text-primary-400 bg-primary-0">
{{ t("hangar.footer.api") }}
</router-link>
<a href="https://github.com/HangarMC" class="flex items-center rounded-md px-6 py-2" hover="text-primary-400 bg-primary-0">
{{ t("hangar.footer.org") }}
</a>
<router-link :to="{ name: 'privacy' }" class="flex items-center rounded-md px-6 py-2" hover="text-primary-400 bg-primary-0">
{{ t("hangar.footer.privacypolicy") }}
</router-link>
</div>
<p class="font-bold">© {{ new Date().getFullYear() }} <a href="https://papermc.io/">PaperMC</a></p>