zenn
3cb1290711
중앙 main 단독 스크롤을 제거하고 sticky 사이드+숨김 스크롤바로 Thred에 맞춘다. Co-authored-by: Cursor <cursoragent@cursor.com>
23 lines
801 B
Vue
23 lines
801 B
Vue
<script setup>
|
|
const { menuOpen } = useMenuState()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="site-shell public-layout">
|
|
<SiteHeader class="shrink-0" />
|
|
<div
|
|
class="public-layout__grid mx-auto grid w-full max-w-[1294px] flex-1 grid-cols-1 bg-[var(--site-bg)] px-4 transition-[grid-template-columns,max-width] duration-300 ease-out lg:grid lg:items-start lg:px-0 lg:[grid-template-columns:287px_minmax(0,720px)_287px]"
|
|
:class="menuOpen ? '' : 'max-w-[1007px] lg:[grid-template-columns:0_minmax(0,720px)_287px]'"
|
|
>
|
|
<LeftSidebar :menu-open="menuOpen" />
|
|
<main
|
|
class="site-main w-full overflow-x-hidden lg:w-[720px]"
|
|
:class="{ 'site-main--menu-closed': !menuOpen }"
|
|
>
|
|
<slot />
|
|
</main>
|
|
<RightSidebar />
|
|
</div>
|
|
</div>
|
|
</template>
|