Files
asistente/components/FooterComp.vue
2025-10-22 10:38:38 +02:00

25 lines
1.2 KiB
Vue

<template>
<footer class="bg-bg text-white flex flex-col lg:flex-row items-center justify-between px-6 py-4 gap-5 min-h-[60px]">
<div class="flex items-start sm:items-center justify-between gap-4 w-full">
<img src="../public/LOGOBraviooB.png" alt="logo-bravio-blanco" class="h-12 md:h-14 object-cover" />
<div class="flex flex-col sm:flex-row gap-4 w-full text-right">
<a href="#" class="text-xs sm:text-sm">{{ langcode === 'es' ? 'Proyecto Erasmus Bravioo' : 'Projeto Erasmus Bravioo' }}</a>
<a href="#" class="text-xs sm:text-sm">{{ langcode === 'es' ? 'Mapa de defensorias universitarias' : 'Mapa dos gabinetes de defesa da universidade' }}</a>
</div>
</div>
<div class="flex items-center justify-between lg:justify-end gap-4 w-full">
<img src="../public/EN_Co-fundedbytheEU_RGB_WHITE Outline 1.png" alt="logo-bravio-blanco" class="h-10 md:h-14 object-cover" />
<img src="../public/erasmus.png" alt="logo-bravio-blanco" class="h-10 md:h-14 object-cover" />
</div>
</footer>
</template>
<script>
import { mapGetters } from 'vuex';
export default {
computed: {
...mapGetters(['langcode'])
}
}
</script>