Ehrenamt/ff-webpage
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases 13 Packages Wiki Activity Actions

safari optimizations

Browse source
This commit is contained in:
Julian Krauser 2024-11-10 08:29:08 +01:00
parent 8aef9266f6
commit 624af7cdc0
12 changed files with 35 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

20
components/Footer.vue
View file

@ -1,13 +1,23 @@
<template>
<div darkgray class="h-48 min-h-fit w-full px-5 py-10 flex-col justify-center items-center flex gap-2">
<footer darkgray class="h-48 min-h-fit w-full px-5 py-10 flex-col justify-center items-center flex gap-2">
<div class="self-stretch py-5 justify-center items-center gap-4 md:gap-10 inline-flex flex-wrap">
<NuxtLink v-for="link in footer.links" :key="link.id" :to="link.URL" :target="link.target" class="text-base">
{{ link.text }}
</NuxtLink>
<div v-for="link in footer.links" :key="link.id" class="contents">
<a v-if="link.URL.startsWith('http')" :href="link.URL" :target="link.target" class="text-base">{{
link.text
}}</a>
<NuxtLink
v-else
:to="`${link.URL.startsWith('/') ? '' : '/'}${link.URL}`"
:target="link.target"
class="text-base"
>
{{ link.text }}
</NuxtLink>
</div>
</div>
<div class="text-base text-center">@Copyright {{ new Date().getFullYear() }} {{ footer.copyright }}</div>
<div class="text-base text-center">verwaltet von {{ footer.designed_developed_by }}</div>
</div>
</footer>
</template>
<script setup lang="ts">