torsten/harheimertc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Verbessere das Layout des Navigationsmenüs: Füge Flexbox-Klassen für das 'intern'-Submenü hinzu und optimiere die Darstellung der Trennlinien.
All checks were successful
Code Analysis and Production Deploy / analyze (push) Successful in 4m39s
Details
Code Analysis and Production Deploy / deploy-production (push) Has been skipped
Details
Code Analysis and Production Deploy / deploy-test (push) Successful in 2m38s
Details

Browse Source
This commit is contained in:
Torsten Schulz (local)
2026-09-04 13:53:39 +02:00
parent 9ca1464899
commit 497d804244
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/Navigation.vue
View File

@@ -117,7 +117,7 @@
<div class="hidden min-w-0 flex-1 lg:flex items-center h-6 border-t border-primary-700/20"> <div class="hidden min-w-0 flex-1 lg:flex items-center h-6 border-t border-primary-700/20">
<div <div
v-if="currentSubmenu" v-if="currentSubmenu"
:class="currentSubmenu === 'mannschaften' ? 'relative min-w-0 flex-1' : 'flex min-w-0 items-center gap-1 overflow-x-auto whitespace-nowrap'" :class="currentSubmenu === 'mannschaften' ? 'relative min-w-0 flex-1' : currentSubmenu === 'intern' ? 'flex min-w-0 items-center gap-1' : 'flex min-w-0 items-center gap-1 overflow-x-auto whitespace-nowrap'"
> >
<!-- Newsletter Submenu --> <!-- Newsletter Submenu -->
<template v-if="currentSubmenu === 'newsletter'"> <template v-if="currentSubmenu === 'newsletter'">
@@ -290,7 +290,8 @@
<!-- Intern Submenu --> <!-- Intern Submenu -->
<template v-if="currentSubmenu === 'intern'"> <template v-if="currentSubmenu === 'intern'">
<NuxtLink <div class="flex min-w-0 flex-1 items-center gap-1 overflow-x-auto whitespace-nowrap">
<NuxtLink
to="/mitgliederbereich" to="/mitgliederbereich"
class="px-2.5 py-1 text-xs font-semibold text-white hover:bg-primary-700/50 rounded transition-all" class="px-2.5 py-1 text-xs font-semibold text-white hover:bg-primary-700/50 rounded transition-all"
active-class="bg-primary-600" active-class="bg-primary-600"
@@ -354,9 +355,10 @@
Kontaktanfragen Kontaktanfragen
</NuxtLink> </NuxtLink>
</template> </template>
</div>
<template v-if="isAdmin"> <template v-if="isAdmin">
<div class="h-3 w-px bg-primary-700" /> <div class="h-3 w-px shrink-0 bg-primary-700" />
<div class="relative inline-block"> <div class="relative shrink-0 inline-block">
<button <button
class="px-2.5 py-1 text-xs text-yellow-300 hover:text-white hover:bg-primary-700/50 rounded transition-all flex items-center" class="px-2.5 py-1 text-xs text-yellow-300 hover:text-white hover:bg-primary-700/50 rounded transition-all flex items-center"
:class="route.path.startsWith('/cms') ? 'text-white bg-primary-600' : ''" :class="route.path.startsWith('/cms') ? 'text-white bg-primary-600' : ''"