レイアウト微調整

NISHIYAMA-Takuki · NISHIYAMA-Takuki · commit 2fe3367a6028 · 2025-02-21T14:53:25.000+09:00
diff --git a/src/app/components/Footer/index.tsx b/src/app/components/Footer/index.tsx
@@ -8,7 +8,7 @@ export default function Footer() {
   return (
     <footer
       id="global-footer"
-      className="flex items-center justify-end p-4 text-white bg-inverse-primary sticky bottom-0 w-full"
+      className="flex items-center justify-end px-4 py-2 text-white bg-inverse-primary sticky bottom-0 w-full"
     >
       <div className="flex flex-wrap justify-end space-x-4 bg-gray-800">
         <Link
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -55,7 +55,7 @@ export default function RootLayout({
           lang="ja"
           className={`bg-surface-container text-text-default ${theme}`}
         >
-          <body className={inter.className}>
+          <body className={`${inter.className} overscroll-none`}>
             <Header />
             {children}
             <Footer />
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -29,7 +29,7 @@ export default function Home(): JSX.Element {
         {/* タイトルとボタンを中央ぞろえするためgridを使用 */}
         <div className="grid grid-column-1">
           {/* タイトル */}
-          <div className="relative flex justify-center items-center rounded-lg z-10">
+          <div className="relative flex justify-center items-center rounded-lg">
             {/* ロゴ(解像度に応じてサイズを変える) */}
             <div
               className={`relative w-[100px] h-[100px] md:w-[150px] md:h-[150px]`}

Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@ export default function Footer() {`
`8`	`8`	`return (`
`9`	`9`	`<footer`
`10`	`10`	`id="global-footer"`
`11`		`- className="flex items-center justify-end p-4 text-white bg-inverse-primary sticky bottom-0 w-full"`
	`11`	`+ className="flex items-center justify-end px-4 py-2 text-white bg-inverse-primary sticky bottom-0 w-full"`
`12`	`12`	`>`
`13`	`13`	`<div className="flex flex-wrap justify-end space-x-4 bg-gray-800">`
`14`	`14`	`<Link`
Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,7 @@ export default function RootLayout({`
`55`	`55`	`lang="ja"`
`56`	`56`	className={`bg-surface-container text-text-default ${theme}`}
`57`	`57`	`>`
`58`		`- <body className={inter.className}>`
	`58`	+ <body className={`${inter.className} overscroll-none`}>
`59`	`59`	`<Header />`
`60`	`60`	`{children}`
`61`	`61`	`<Footer />`