jhim/JudoWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update app title and enhance app bar UI

Browse Source 
Changed the HTML title to 'Judoteam - Stadtlohn'. Improved the app bar in Layout.vue by replacing search and heart icons with account and theme toggle buttons, each wrapped in tooltips for better user guidance. Added rounded styling to navigation drawer items.
This commit is contained in:
Jonas Himmelberg
2025-11-09 21:01:59 +01:00
parent 4ce2e05dc8
commit 30eeaabc5a
2 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
GUI/index.html
View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title>
<title>Judoteam - Stadtlohn</title>
</head>
<body>
<div id="app"></div>

20
GUI/src/Layout.vue
View File

@@ -40,13 +40,22 @@ onMounted(() => {
Judoteam - Stadtlohn
</v-app-bar-title>
<v-btn icon>
<v-icon>mdi-magnify</v-icon>
<v-tooltip>
<template #activator="{ props }">
<v-btn icon v-bind="props">
<v-icon>mdi-account</v-icon>
</v-btn>
<v-btn icon>
<v-icon>mdi-heart</v-icon>
</template>
Account
</v-tooltip>
<v-tooltip>
<template #activator="{ props }">
<v-btn icon @click="changeTheme()" v-bind="props">
<v-icon>mdi-brightness-6</v-icon>
</v-btn>
<v-btn icon="mdi-brightness-6" @click="changeTheme()"></v-btn>
</template>
{{ theme.name.value === 'dark' ? 'Dunklen Modus aktivieren' : 'Hellen Modus aktivieren' }}
</v-tooltip>
</v-app-bar>
<v-navigation-drawer
@@ -63,6 +72,7 @@ onMounted(() => {
link
:prepend-icon="item.icon"
:title="item.name"
class="rounded-lg mr-1 ml-1"
>
</v-list-item>
</v-list>