kit-eco.social/landing
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

amend lang links url

Browse Source
This commit is contained in:
María
2025-07-30 14:00:52 +02:00
committed by María
parent 240c4c6a95
commit 37b30382c8
5 changed files with 71 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
components/NavBar.vue
View File

@@ -2,7 +2,7 @@
<nav class="relative">
<div class="mx-auto flex justify-between items-center h-20">
<!-- Logo -->
<NuxtLink to="/">
<NuxtLink :to="`/${langcode}/`">
<img
width="121.22628021240234"
height="48"
@@ -13,8 +13,8 @@
<!-- Desktop menu -->
<ul class="hidden lg:flex items-center gap-6 font-semibold text-sm">
<li><NuxtLink to="/" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">INICIO</NuxtLink></li>
<li><NuxtLink to="/nosotras" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">NOSOTRAS</NuxtLink></li>
<li><NuxtLink :to="`/${langcode}/`" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">INICIO</NuxtLink></li>
<li><NuxtLink :to="`/${langcode}/nosotras`" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">NOSOTRAS</NuxtLink></li>
<!-- Dropdown -->
<li class="relative" ref="dropdownRef">
@@ -35,19 +35,19 @@
v-show="dropdownOpen"
class="absolute right-0 mt-2 w-56 bg-white rounded-3xl shadow-lg p-4 space-y-2 z-50 text-sm text-center"
>
<li><NuxtLink to="/consumo" class="block hover:bg-button hover:text-white px-2 py-1 rounded-t-2xl">CONSUMO CUIDADO</NuxtLink></li>
<li><NuxtLink to="/aula-virtual" class="block hover:bg-button hover:text-white px-2 py-1">AULA VIRTUAL</NuxtLink></li>
<li><NuxtLink to="/iguales" class="block hover:bg-button hover:text-white px-2 py-1">IGUALES</NuxtLink></li>
<li><NuxtLink to="/ods" class="block hover:bg-button hover:text-white px-2 py-1">ODS</NuxtLink></li>
<li><NuxtLink to="/certifica" class="block hover:bg-button hover:text-white px-2 py-1">CERTIFICA-T</NuxtLink></li>
<li><NuxtLink to="/foro" class="block hover:bg-button hover:text-white px-2 py-1 rounded-b-2xl">FORO</NuxtLink></li>
<li><NuxtLink :to="`/${langcode}/consumo`" class="block hover:bg-button hover:text-white px-2 py-1 rounded-t-2xl">CONSUMO CUIDADO</NuxtLink></li>
<li><NuxtLink :to="`/${langcode}/aula-virtual`" class="block hover:bg-button hover:text-white px-2 py-1">AULA VIRTUAL</NuxtLink></li>
<li><NuxtLink :to="`/${langcode}/iguales`" class="block hover:bg-button hover:text-white px-2 py-1">IGUALES</NuxtLink></li>
<li><NuxtLink :to="`/${langcode}/ods`" class="block hover:bg-button hover:text-white px-2 py-1">ODS</NuxtLink></li>
<li><NuxtLink :to="`/${langcode}/certifica`" class="block hover:bg-button hover:text-white px-2 py-1">CERTIFICA-T</NuxtLink></li>
<li><NuxtLink :to="`/${langcode}/foro`" class="block hover:bg-button hover:text-white px-2 py-1 rounded-b-2xl">FORO</NuxtLink></li>
</ul>
</transition>
</li>
<!-- CTA -->
<li>
<NuxtLink to="/aula" >
<NuxtLink :to="`/${langcode}/aula-virtual`">
<ButtonCTA color="aula-base" size="lg">
AULA VIRTUAL
</ButtonCTA>
@@ -75,15 +75,15 @@
>
<div v-show="menuIsOpen" class="lg:hidden p-5 bg-gradient-conic rounded-3xl min-h-svh">
<ul class="space-y-4 text-sm text-end w-fit ml-auto">
<li class="p-2"><NuxtLink to="/">INICIO</NuxtLink></li>
<li class="p-2"><NuxtLink to="/nosotras">NOSOTRAS</NuxtLink></li>
<li class="p-2"><NuxtLink :to="`/${langcode}/`">INICIO</NuxtLink></li>
<li class="p-2"><NuxtLink :to="`/${langcode}/nosotras`">NOSOTRAS</NuxtLink></li>
<li class="p-2 border-b">HERRAMIENTAS</li>
<li class="p-2"><NuxtLink to="/consumo">CONSUMO CUIDADO</NuxtLink></li>
<li class="p-2"><NuxtLink to="/aula">AULA VIRTUAL</NuxtLink></li>
<li class="p-2"><NuxtLink to="/iguales">IGUALES</NuxtLink></li>
<li class="p-2"><NuxtLink to="/ods">ODS</NuxtLink></li>
<li class="p-2"><NuxtLink to="/certifica">CERTIFICA-T</NuxtLink></li>
<li class="p-2"><NuxtLink to="/foro">FORO</NuxtLink></li>
<li class="p-2"><NuxtLink :to="`/${langcode}/consumo`">CONSUMO CUIDADO</NuxtLink></li>
<li class="p-2"><NuxtLink :to="`/${langcode}/aula`">AULA VIRTUAL</NuxtLink></li>
<li class="p-2"><NuxtLink :to="`/${langcode}/iguales`">IGUALES</NuxtLink></li>
<li class="p-2"><NuxtLink :to="`/${langcode}/ods`">ODS</NuxtLink></li>
<li class="p-2"><NuxtLink :to="`/${langcode}/certifica`">CERTIFICA-T</NuxtLink></li>
<li class="p-2"><NuxtLink :to="`/${langcode}/foro`">FORO</NuxtLink></li>
</ul>
</div>
</transition>
@@ -96,10 +96,14 @@ export default {
data() {
return {
dropdownOpen: false,
// mobileMenuOpen: false,
menuIsOpen: false,
};
},
computed: {
langcode() {
return this.$store.getters.langcode;
},
},
mounted() {
document.addEventListener('click', this.handleClickOutside);
},