colgora/Mangarr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: finalisation de la Sidebar.vue

Browse Source
This commit is contained in:
ext.jeremy.guillot@maxicoffee.domains
2025-03-26 18:29:05 +01:00
parent d9e935f7de
commit 53365df456
9 changed files with 491 additions and 305 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
assets/vue/app/shared/components/layout/Layout.vue
View File

@@ -1,36 +1,31 @@
<template>
<div class="min-h-screen bg-gray-50">
<Header
@menu-click="toggleSidebar"
@manga-click="$emit('manga-click', $event)"
@add-manga-click="$emit('add-manga-click', $event)"
/>
<Sidebar
:is-open="isSidebarOpen"
@close="closeSidebar"
@add-manga-click="$emit('add-manga-click', $event)"
/>
<main class="pt-16 md:ml-60">
<router-view></router-view>
</main>
</div>
<div class="min-h-screen bg-gray-50 flex">
<Header
@menu-click="toggleSidebar"
@manga-click="$emit('manga-click', $event)"
@add-manga-click="$emit('add-manga-click', $event)" />
<Sidebar :is-open="isSidebarOpen" @close="closeSidebar" @add-manga-click="$emit('add-manga-click', $event)" />
<main class="flex-1 pt-16 md:ml-60">
<RouterView></RouterView>
</main>
</div>
</template>
<script setup>
import { ref } from 'vue';
import Header from './Header.vue';
import Sidebar from './Sidebar.vue';
import { ref } from 'vue';
import Header from './Header.vue';
import Sidebar from './Sidebar.vue';
const isSidebarOpen = ref(false);
const isSidebarOpen = ref(false);
const toggleSidebar = () => {
isSidebarOpen.value = !isSidebarOpen.value;
};
const toggleSidebar = () => {
isSidebarOpen.value = !isSidebarOpen.value;
};
const closeSidebar = () => {
isSidebarOpen.value = false;
};
const closeSidebar = () => {
isSidebarOpen.value = false;
};
defineEmits(['manga-click', 'add-manga-click']);
</script>
defineEmits(['manga-click', 'add-manga-click']);
</script>