zenn/sori.studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

사이드바 메뉴 토글 추가

Browse Source
This commit is contained in:
zenn
2026-04-29 15:08:04 +09:00
parent a3acd9320a
commit cbf5ed6c8c
13 changed files with 122 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
layouts/default.vue
View File

@@ -1,9 +1,13 @@
<script setup>
const { menuOpen } = useMenuState()
</script>
<template>
<div class="site-shell public-layout">
<SiteHeader />
<div class="site-content-grid public-layout__grid">
<LeftSidebar />
<main class="site-main w-full lg:w-[720px]">
<div class="site-content-grid public-layout__grid" :class="{ 'site-content-grid--menu-closed': !menuOpen }">
<LeftSidebar v-show="menuOpen" />
<main class="site-main w-full lg:w-[720px]" :class="{ 'site-main--menu-closed': !menuOpen }">
<slot />
</main>
<RightSidebar />

10
layouts/post.vue
View File

@@ -1,9 +1,13 @@
<script setup>
const { menuOpen } = useMenuState()
</script>
<template>
<div class="site-shell post-layout">
<SiteHeader />
<div class="site-content-grid post-layout__grid">
<LeftSidebar />
<main class="site-main post-main w-full px-5 py-8 lg:w-[720px]">
<div class="site-content-grid post-layout__grid" :class="{ 'site-content-grid--menu-closed': !menuOpen }">
<LeftSidebar v-show="menuOpen" />
<main class="site-main post-main w-full px-5 py-8 lg:w-[720px]" :class="{ 'site-main--menu-closed': !menuOpen }">
<slot />
</main>
<RightSidebar />