update menu + add event page

This commit is contained in:
Emily
2024-06-14 15:41:49 +02:00
parent 16147da824
commit 96abb174d1
15 changed files with 191 additions and 119 deletions

View File

@@ -61,8 +61,7 @@ const sections: Section[] = [
const { showDialog, closeDialog } = useBarCardDialog();
const { open, isOpen, close } = useMenu();
const { isOpen, close, open } = useMenu();
</script>
@@ -73,7 +72,7 @@ const { open, isOpen, close } = useMenu();
<div
class="px-6 py-3 flex items-center justify-center shadow-[0_0_10px_#000000CC] z-[20] rounded-xl mx-2 my-2 md:hidden">
class="px-6 py-3 flex items-center justify-center shadow-[0_0_10px_#000000CC] z-[20] rounded-xl mx-2 my-2 lg:hidden">
<i @click="open()" class="fas fa-bars text-[1.2rem] absolute left-6"></i>
<div class="nunito font-semibold text-[1.2rem]">
Litlyx
@@ -82,13 +81,16 @@ const { open, isOpen, close } = useMenu();
<div class="flex h-full">
<div v-if="isOpen" @click="close()"
class="lg:hidden barrier bg-black/40 backdrop-blur-[2px] w-full h-full absolute left-0 top-0 z-[40]">
</div>
<CVerticalNavigation :sections="sections">
</CVerticalNavigation>
<div class="overflow-hidden w-full bg-bg relative h-full">
<div v-if="showDialog" class="barrier w-full h-full z-[34] absolute bg-black/50 backdrop-blur-[2px]">