hotfix: header 높이가 84 가 아니게 되어버린 이슈 대응

minsoo-web · minsoo-web · commit 4995a94fc2c4 · 2024-09-15T20:35:01.000+09:00
diff --git a/apps/home/app/layout.tsx b/apps/home/app/layout.tsx
@@ -33,7 +33,9 @@ export default function RootLayout({ children }: PropsWithChildren): JSX.Element
   return (
     <html lang="ko">
       <body className={inter.className}>
-        <Suspense>{children}</Suspense>
+        <main className="pt-iframe-padding">
+          <Suspense>{children}</Suspense>
+        </main>
       </body>
     </html>
   )
diff --git a/apps/wiki/app/layout.tsx b/apps/wiki/app/layout.tsx
@@ -45,7 +45,7 @@ export default function RootLayout({ children }: PropsWithChildren): JSX.Element
   return (
     <html lang="ko">
       <body className={inter.className}>
-        <main className="flex gap-6 mobile:flex-col px-4 max-w-[1200px] mx-auto">
+        <main className="flex gap-6 mobile:flex-col px-4 max-w-[1200px] mx-auto pt-iframe-padding">
           <Suspense>
             {children}
             <SideNav items={NAV_ITEMS} />
diff --git a/packages/ui/tailwind.config.ts b/packages/ui/tailwind.config.ts
@@ -26,7 +26,9 @@ const config = {
     extend: {
       height: {
         'iframe-height': 'calc(100vh - 84px)',
-        'iframe-height-mobile': 'calc(100vh - 108px)',
+      },
+      padding: {
+        'iframe-padding': '1.5rem',
       },
       colors: {
         border: 'hsl(var(--border))',
diff --git a/web/app/_shared/components/GlobalNavigationBar.tsx b/web/app/_shared/components/GlobalNavigationBar.tsx
@@ -10,7 +10,7 @@ import type { MouseEventHandler, PropsWithChildren } from 'react'
 
 export const GlobalNavigationBar = () => {
   return (
-    <nav className="flex gap-4 mb-[24px]">
+    <nav className="flex gap-4">
       <LinkButton
         href="/home"
         onClick={() =>
diff --git a/web/app/_shared/constants/styles.ts b/web/app/_shared/constants/styles.ts
@@ -1 +1 @@
-export const IFRAME_CLASS_NAME = 'w-full h-iframe-height pb-1 mobile:h-iframe-height-mobile'
+export const IFRAME_CLASS_NAME = 'w-full h-iframe-height pb-1'

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-export const IFRAME_CLASS_NAME = 'w-full h-iframe-height pb-1 mobile:h-iframe-height-mobile'`
	`1`	`+export const IFRAME_CLASS_NAME = 'w-full h-iframe-height pb-1'`