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

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

@ -90,7 +90,8 @@
<!-- >--> <!-- >-->
<!-- {{ t("discussions") }}--> <!-- {{ t("discussions") }}-->
<!-- </v-btn>--> <!-- </v-btn>-->
<v-menu open-on-hover> </v-toolbar-items>
<v-menu open-on-hover open-on-click>
<template v-slot:activator="{ props }"> <template v-slot:activator="{ props }">
<v-btn <v-btn
v-bind="props" v-bind="props"
@ -114,7 +115,6 @@
</v-list-item> </v-list-item>
</v-list> </v-list>
</v-menu> </v-menu>
</v-toolbar-items>
<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;