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

fix(frontend): Navigation drawer terug toegevoegd

Browse source
This commit is contained in:
Gerald Schmittinger 2025-03-25 22:05:24 +01:00
parent b7d2f9b364
commit cbc22f6db4
1 changed files with 29 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -52,6 +52,7 @@
<div>
<img
class="dwengo_logo"
alt="Dwengo logo"
:src="dwengoLogo"
/>
<p
@ -158,6 +159,34 @@
>{{ initials }}</v-avatar
>
</v-app-bar>
<v-navigation-drawer
v-model="drawer"
temporary
app
>
<v-list>
<v-list-item
to="/user/assignment"
link
>
<v-list-item-title class="menu_item">{{ t("assignments") }}</v-list-item-title>
</v-list-item>
<v-list-item
to="/user/class"
link
>
<v-list-item-title class="menu_item">{{ t("classes") }}</v-list-item-title>
</v-list-item>
<v-list-item
to="/user/discussion"
link
>
<v-list-item-title class="menu_item">{{ t("discussions") }}</v-list-item-title>
</v-list-item>
</v-list>
</v-navigation-drawer>
</template>
<style scoped>
@ -175,11 +204,6 @@
font-weight: bold;
}
.right {
align-items: center;
padding: 10px;
}
.right li {
margin-left: 15px;
}
@ -218,10 +242,6 @@
text-transform: none;
}
nav a.router-link-active {
font-weight: bold;
}
@media (max-width: 700px) {
.menu {
display: none;