Syndria98/aranroig.com
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

More IA fix with slop
Some checks failed
Build and Deploy Nuxt / build (push) Failing after 17s
Details

Browse Source
This commit is contained in:
BinarySandia04
2026-06-08 15:14:39 +02:00
parent c33ef60207
commit cae7de3a1f
2 changed files with 81 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/app/components/parts/site_options/LanguageSelector.vue
View File

@@ -35,8 +35,9 @@ const changeLocale = (lang) => {
<template>
<div class="menu-container" ref="menuContainer">
<button class="menu-button" @click="toggleDropdown">{{ $t("site_options.language_selector.dropdown") }} </button>
<button class="menu-button" @click="toggleDropdown">{{ $t("site_options.language_selector.dropdown") }} ▾</button>
<Transition name="dropdown">
<div class="dropdown" v-show="dropdownVisible">
<div class="section">
<div :class="{'menu-item': true, 'active': locale === loc.code}"
@@ -45,6 +46,7 @@ const changeLocale = (lang) => {
</div>
</div>
</div>
</Transition>
</div>
</template>
@@ -63,6 +65,15 @@ const changeLocale = (lang) => {
background-color: #30363d;
}
}
/* Dropdown transitions */
.dropdown-enter-active, .dropdown-leave-active {
transition: opacity 0.2s ease, transform 0.2s ease;
}
.dropdown-enter-from, .dropdown-leave-to {
opacity: 0;
transform: translateY(-8px);
}
.dropdown {
z-index: 10;
position: absolute;

13
frontend/app/components/parts/site_options/ThemeSelector.vue
View File

@@ -30,8 +30,9 @@ onUnmounted(() => {
<template>
<div class="menu-container" ref="menuContainer">
<button class="menu-button" @click="toggleDropdown">{{ $t('site_options.theme_selector.dropdown') }} </button>
<button class="menu-button" @click="toggleDropdown">{{ $t('site_options.theme_selector.dropdown') }} ▾</button>
<Transition name="dropdown">
<div class="dropdown" v-show="dropdownVisible">
<div class="two-columns">
<div class="section">
@@ -82,6 +83,7 @@ onUnmounted(() => {
</div>
</div>
</div>
</Transition>
</div>
</template>
@@ -146,6 +148,15 @@ onUnmounted(() => {
margin-right: 15px;
}
/* Dropdown transitions */
.dropdown-enter-active, .dropdown-leave-active {
transition: opacity 0.2s ease, transform 0.2s ease;
}
.dropdown-enter-from, .dropdown-leave-to {
opacity: 0;
transform: translateY(-8px);
}
/* Dropdown */
.dropdown {
z-index: 10;