tdpeuter/2025SELab2-project-Dwengo
tdpeuter/2025SELab2-project-Dwengo
1
Fork 0
Code Issues Releases 4 Packages 2 Wiki Activity

fix: translate knop werkt en is zichtbaar op mobile

Browse source
This commit is contained in:
laurejablonski 2025-05-01 08:58:41 +02:00
parent 509dd6bfab
commit 7c3528d07f
1 changed files with 30 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

54
frontend/src/components/MenuBar.vue
View file

@ -90,31 +90,31 @@
<!-- >--> <!-- >-->
<!-- {{ t("discussions") }}--> <!-- {{ t("discussions") }}-->
<!-- </v-btn>--> <!-- </v-btn>-->
<v-menu open-on-hover>
<template v-slot:activator="{ props }">
<v-btn
v-bind="props"
icon
variant="text"
>
<v-icon
icon="mdi-translate"
size="small"
color="#0e6942"
></v-icon>
</v-btn>
</template>
<v-list>
<v-list-item
v-for="(language, index) in languages"
:key="index"
@click="changeLanguage(language.code)"
>
<v-list-item-title>{{ language.name }}</v-list-item-title>
</v-list-item>
</v-list>
</v-menu>
</v-toolbar-items> </v-toolbar-items>
<v-menu open-on-hover open-on-click>
<template v-slot:activator="{ props }">
<v-btn
v-bind="props"
icon
variant="text"
>
<v-icon
icon="mdi-translate"
size="small"
color="#0e6942"
></v-icon>
</v-btn>
</template>
<v-list>
<v-list-item
v-for="(language, index) in languages"
:key="index"
@click="changeLanguage(language.code)"
>
<v-list-item-title>{{ language.name }}</v-list-item-title>
</v-list-item>
</v-list>
</v-menu>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-dialog max-width="500"> <v-dialog max-width="500">
<template v-slot:activator="{ props: activatorProps }"> <template v-slot:activator="{ props: activatorProps }">
@ -248,6 +248,12 @@
text-transform: none; text-transform: none;
} }
.translate-button {
z-index: 1;
position: relative;
margin-left: 10px;
}
@media (max-width: 700px) { @media (max-width: 700px) {
.menu { .menu {
display: none; display: none;