17 lines
488 B
Vue
17 lines
488 B
Vue
<script setup>
|
|
const { menuOpen } = useMenuState()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="site-shell post-layout">
|
|
<SiteHeader />
|
|
<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 />
|
|
</div>
|
|
</div>
|
|
</template>
|