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

Use horizontal scrolling

This commit is contained in:
Christian Cueni 2022-10-24 09:40:12 +02:00
parent f6114c78e7
commit 9b8bbf5ebc
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/pages/mediaLibrary/MLParentPage.vue
View File

@ -25,22 +25,22 @@ onMounted(async () => {
<template>
<div class="bg-gray-200">
<nav class="px-6 py-4 border-b bg-white">
<ul v-if="mediaLibraryStore.mediaLibraryPage" class="flex flex-col lg:flex-row">
<li>
<ul v-if="mediaLibraryStore.mediaLibraryPage" class="overflow-auto whitespace-nowrap scrollbar">
<li class="lg:ml-12 inline-block">
<router-link :to="mediaLibraryStore.mediaLibraryPage.frontend_url">
Übersicht
</router-link>
</li>
<li class="lg:ml-12">
<li class="ml-6 lg:ml-12 inline-block">
<router-link
:to="`${mediaLibraryStore.mediaLibraryPage.frontend_url}/category`"
>
Handlungsfelder
</router-link>
</li>
<li class="lg:ml-12">Allgemeines zu Versicherungen</li>
<li class="lg:ml-12">Lernmedien</li>
<li class="lg:ml-12">
<li class="ml-6 lg:ml-12 inline-block">Allgemeines zu Versicherungen</li>
<li class="ml-6 lg:ml-12 inline-block">Lernmedien</li>
<li class="ml-6 lg:ml-12 inline-block">
<a href="https://www.vbv.ch/de/der-vbv/lernen-lehren/lexikon">Lexikon</a>
</li>
</ul>
@ -51,4 +51,8 @@ onMounted(async () => {
</div>
</template>
<style scoped></style>
<style scoped>
.scrollbar::-webkit-scrollbar {
display: none;
}
</style>