개편된 Gnb에 맞게 Sidebar 높이 조절

portone-io · Nov 19, 2024 · 5346a5f · 5346a5f
1 parent f706873
commit 5346a5f
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/layouts/sidebar/LeftSidebar.tsx b/src/layouts/sidebar/LeftSidebar.tsx
@@ -11,7 +11,7 @@ export default function LeftSidebar(props: { children: JSXElement }) {
         style={{
           transform: sidebarOpen.get() ? "none" : "translateX(-100%)",
         }}
-        class="pointer-events-auto fixed h-[calc(100vh-3.5rem)] w-inherit flex flex-col border-r bg-white transition-transform <md:pl-6 md:!transform-none"
+        class="pointer-events-auto fixed h-[calc(100vh-6.5rem)] w-inherit flex flex-col border-r bg-white transition-transform <md:pl-6 md:!transform-none"
       >
         {props.children}
       </div>

diff --git a/src/layouts/sidebar/SidebarBackground.tsx b/src/layouts/sidebar/SidebarBackground.tsx
@@ -5,7 +5,7 @@ const SidebarBackground = () => {
 
   return (
     <div
-      class="fixed left-0 top-[3.5rem] h-[calc(100vh-3.5rem)] w-screen bg-[rgba(0,0,0,0.6)] backdrop-blur-sm transition-opacity z-overlay-dim md:hidden"
+      class="fixed left-0 top-[6.5rem] h-[calc(100vh-6.5rem)] w-screen bg-[rgba(0,0,0,0.6)] backdrop-blur-sm transition-opacity z-overlay-dim md:hidden"
       style={{
         "pointer-events": context.get() ? "auto" : "none",
         opacity: context.get() ? "1" : "0",

diff --git a/src/routes/(root)/release-notes.tsx b/src/routes/(root)/release-notes.tsx
@@ -23,7 +23,7 @@ export default function ReleaseNotesLayout(props: Props) {
         id="left-sidebar"
         class="relative hidden w-65 shrink-0 text-slate-7 md:block"
       >
-        <div class="fixed h-[calc(100%-3.5rem)] w-inherit overflow-y-scroll border-r bg-white">
+        <div class="fixed h-[calc(100%-6.5rem)] w-inherit overflow-y-scroll border-r bg-white">
           <Show when={notes()}>
             {(notes) => (
               <Nav