ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix main navigation bar issues

This commit is contained in:
Christian Cueni 2022-08-18 09:13:29 +02:00
parent df903f2663
commit 95a0e0f1a7
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
client/src/components/MainNavigationBar.vue
View File

@ -139,6 +139,7 @@ const profileDropdownData = [
<div class="flex items-center lg:hidden"> <div class="flex items-center lg:hidden">
<router-link <router-link
v-if="userStore.loggedIn"
to="/messages" to="/messages"
class="nav-item flex flex-row items-center" class="nav-item flex flex-row items-center"
> >
@ -164,7 +165,7 @@ const profileDropdownData = [
<!-- Mobile Menu open: "block", Menu closed: "hidden" --> <!-- Mobile Menu open: "block", Menu closed: "hidden" -->
<div <div
v-if="appStore.userLoaded && appStore.routingFinished && userStore.loggedIn " v-if="appStore.userLoaded && appStore.routingFinished && userStore.loggedIn"
:class="state.showMenu ? 'flex' : 'hidden'" :class="state.showMenu ? 'flex' : 'hidden'"
class=" class="
flex-auto flex-auto

6
client/src/components/MobileMenu.vue
View File

@ -42,7 +42,7 @@ const clickLink = (to: string) => {
<h3>{{user.first_name}} {{user.last_name}}</h3> <h3>{{user.first_name}} {{user.last_name}}</h3>
<button <button
@click="clickLink('/profile')" @click="clickLink('/profile')"
class="mt-2 inline-block items-center"> class="mt-2 inline-block flex items-center">
<IconSettings class="inline-block" /><span class="ml-3">Kontoeinstellungen</span> <IconSettings class="inline-block" /><span class="ml-3">Kontoeinstellungen</span>
</button> </button>
</div> </div>
@ -54,7 +54,7 @@ const clickLink = (to: string) => {
v-if="learningPathName"> v-if="learningPathName">
<h4 class="text-gray-900 text-sm">Kurs: {{learningPathName}}</h4> <h4 class="text-gray-900 text-sm">Kurs: {{learningPathName}}</h4>
<ul class="mt-6"> <ul class="mt-6">
<li><button @click="clickLink('/learningpath')">Lernpfad</button></li> <li><button @click="clickLink(`/learningpath/${learningPathSlug}`)">Lernpfad</button></li>
<li class="mt-6">Kompetenzprofil</li> <li class="mt-6">Kompetenzprofil</li>
</ul> </ul>
</div> </div>
@ -64,7 +64,7 @@ const clickLink = (to: string) => {
<li class="mt-6">Mediathek</li> <li class="mt-6">Mediathek</li>
</ul> </ul>
</div> </div>
<div class="mt-6 items-center"> <div class="mt-6 items-center flex">
<IconLogout class="inline-block" /><span class="ml-1">Abmelden</span> <IconLogout class="inline-block" /><span class="ml-1">Abmelden</span>
</div> </div>
</div> </div>

2
client/src/views/CircleView.vue
View File

@ -49,7 +49,7 @@ onMounted(async () => {
class="btn-text inline-flex items-center px-3 py-4 font-normal" class="btn-text inline-flex items-center px-3 py-4 font-normal"
> >
<it-icon-arrow-left class="-ml-1 mr-1 h-5 w-5"></it-icon-arrow-left> <it-icon-arrow-left class="-ml-1 mr-1 h-5 w-5"></it-icon-arrow-left>
<span class="hidden lg:inline">zurück zum Lernpfad</span> <span class="inline">zurück zum Lernpfad</span>
</router-link> </router-link>
<h1 class="text-blue-dark text-7xl"> <h1 class="text-blue-dark text-7xl">