From df3dd41e95657fbfe5aef3d60ebeae0f1749504f Mon Sep 17 00:00:00 2001
From: namidapoo <83203852+ve1997@users.noreply.github.com>
Date: Wed, 1 Jan 2025 22:06:44 +0900
Subject: [PATCH 1/3] =?UTF-8?q?style:=20=E3=82=A2=E3=82=A4=E3=82=B3?=
 =?UTF-8?q?=E3=83=B3=E3=81=AE=E3=82=B5=E3=82=A4=E3=82=BA=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/recap/components/header/header.tsx | 12 ++++++------
 app/recap/components/user-button.tsx   |  4 ++--
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/recap/components/header/header.tsx b/app/recap/components/header/header.tsx
index bdcd72c..fc057eb 100644
--- a/app/recap/components/header/header.tsx
+++ b/app/recap/components/header/header.tsx
@@ -19,14 +19,14 @@ export const Header: FC = () => {
 		<SessionProvider>
 			<header
 				className={cn(
-					"flex h-16 items-center justify-between bg-background border-b dark:shadow-current p-6",
+					"flex h-16 items-center justify-between bg-background border-b dark:shadow-current px-6 py-4 ",
 					isOnTop && "hidden",
 				)}
 			>
 				<div className="flex items-center gap-2">
 					<Breadcrumbs />
 				</div>
-				<div className="flex items-center gap-6">
+				<div className="flex items-center gap-4">
 					<Link
 						href="https://github.com/namidapoo/dev-recap"
 						target="_blank"
@@ -35,15 +35,15 @@ export const Header: FC = () => {
 						<Image
 							src={GitHubWhite}
 							alt="GitHub"
-							width={20}
-							height={20}
+							width={30}
+							height={30}
 							className="hidden dark:block"
 						/>
 						<Image
 							src={GitHubBlack}
 							alt="GitHub"
-							width={20}
-							height={20}
+							width={30}
+							height={30}
 							className="dark:hidden"
 						/>
 					</Link>
diff --git a/app/recap/components/user-button.tsx b/app/recap/components/user-button.tsx
index e611ad7..010a39c 100644
--- a/app/recap/components/user-button.tsx
+++ b/app/recap/components/user-button.tsx
@@ -21,9 +21,9 @@ export const UserButton: FC = () => {
 				<DropdownMenuTrigger asChild>
 					<Button
 						variant="ghost"
-						className="relative h-8 w-8 border rounded-full"
+						className="relative h-10 w-10 border rounded-full"
 					>
-						<Avatar className="h-8 w-8">
+						<Avatar className="h-9 w-9">
 							{session.user.image && (
 								<AvatarImage
 									src={session.user.image}

From c5fc041a1078e48264aaeced0cd8f438b78af4a4 Mon Sep 17 00:00:00 2001
From: namidapoo <83203852+ve1997@users.noreply.github.com>
Date: Wed, 1 Jan 2025 22:07:06 +0900
Subject: [PATCH 2/3] =?UTF-8?q?style:=20favicon=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/favicon.ico | Bin 23462 -> 23462 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)

diff --git a/app/favicon.ico b/app/favicon.ico
index 73ef88db5dff805dd72c330434793620abe08eec..5fb5143996fc4bcb2360ec08b5d268d2bf67ffb7 100644
GIT binary patch
literal 23462
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
G?f(HUE#SBS

delta 1614
zcmYjRZETZO6z-wB={ojdb)ziZc%22eW<RFPq{d}yE<*=wV*@lq$QD%GoYBRxn3*`!
z28rNjyg4Q&rdb#Y35kh@nQVU`3rH0Cqy9n+qfSLpC+r7UwcG1+Za>_cJneJNdG5I%
z=iGZ@nodm9r?<S+#kal5N{`302KWH@4mb_88$GIeK`!$;m8=1AfGdEz0vYgqMh~i0
zAaC-p?`7_*Y*6c9UBS4ZS_T_3`YAfhXZ&%#?yD<?=N=%1xTBW928`ZI9Xx#Bt6b%;
zmAFhbhj_gm|D4gg6v6d1awH|b0r(N|CL4d==pKr~4Eg^-APEd|f75P$Vzr%3)IT8{
zwdxm)?xce-gGyHah|zJ?0CEj3hpyr`Oru73aBJCG`b47ji2f|mvh!f&zzDEx_2Wjj
z^H8~wRTZ*SeV)_d&wkI~H>-ce=ot4!-c=E}?36|4z<4rPsRlrnY}UBZEl|B>RlkU<
z=xkP1qn<9Pju;(<>WHd?>o-v;sa%QCVYR=Y!d{wrA#g~Q!S$_G&4QI0-Kd_-sY136
z-9|TwlHRwAnBhNnL{&c|8Q3B92Uq~3AW2Y!hdUh-NsM+2=aDrhi=a4awKHHo9F5uo
zB6|uJ{RM_?PRdF7fE(gf(r)Fb2nR~nD(S2}M%QD8acY%B)Pve8k<W{qj^?BNcJu-Q
zUUUb&ZKG%N(J?W(wSB$meSik6v7=^EmN#UDmmu^@%SxlIhCwe`|5y10JH@o^5;58d
zY=-OyKo<Bn@H)@!3e%T%%&FWMRfT}vs*;Kp8y&3e0Z9WgZY3sRW8Fb|7AZn>Ae$mV
z=f$kLfapU&{<{n0pqz2Fly_s^jem)}24qiI?iy3waoJ}#GKKw8vUxxX*yz6wmdaTU
zeVi@jA)3Xt9aFavXvn!#5XL;*qckEtAwAXzmt2lP+bXzn&9*^h)1OIp^()vQzjJ?+
zx(2pA+newC+h9xqX^4W=m%+w>JAnMR1!M->3;8AbB7laF_D=?+W#uFu1NH%1dHbet
zKn6?Ny}*8;6W-3LzQ}krUKuI;;-)V80=Iw{x<8@|;-U#Gm=1u3D9&vqHT=fr5BZyx
zY|r6IXr}cDI&_IA9-ih}bvK2v13JZLHr|j|pv7LrTRhkCJKc*rtRBV0OL()c+Vj|n
z2SaUxYmwWweb0+qx0v2yCEaxlJG-d<wG7KNy_Iw)PjsDAvU*&n!&3|07fa$^Pb`Hx
z`CQkX^(CA<PgKlS<hjR5`Eq>O6T9gx@OYYXJmYaQ1y1g=lv{G9y{=o}uvhYgXrdyj
ea9wLyp8lWvZpI3JZ_3FJ&QPLsYWVR7SN#WFJ;vn#


From b6995815cfa6205cfd9f53009bdf458303611013 Mon Sep 17 00:00:00 2001
From: namidapoo <83203852+ve1997@users.noreply.github.com>
Date: Wed, 1 Jan 2025 22:27:17 +0900
Subject: [PATCH 3/3] =?UTF-8?q?style:=20=E3=82=B9=E3=82=AF=E3=83=AD?=
 =?UTF-8?q?=E3=83=BC=E3=83=AB=E6=94=B9=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/layout.tsx                         | 8 ++------
 app/not-found.tsx                      | 2 +-
 app/page.tsx                           | 2 +-
 app/recap/[user]/error.tsx             | 2 +-
 app/recap/components/header/header.tsx | 2 +-
 app/recap/loading.tsx                  | 2 +-
 6 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/app/layout.tsx b/app/layout.tsx
index 108abd5..436b5b1 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -23,12 +23,8 @@ const RootLayout: FC<Readonly<Props>> = ({ children }) => {
 					enableSystem
 					disableTransitionOnChange
 				>
-					<div className="flex flex-col h-dvh">
-						<Header />
-						<div className="flex-grow p-4 md:px-6 overflow-auto">
-							{children}
-						</div>
-					</div>
+					<Header />
+					<main className="mt-16 p-4 md:px-6">{children}</main>
 				</ThemeProvider>
 			</body>
 		</html>
diff --git a/app/not-found.tsx b/app/not-found.tsx
index 0eabf8a..63c2e3a 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -6,7 +6,7 @@ export const runtime = "edge";
 
 export default function NotFound() {
 	return (
-		<div className="flex h-full flex-col items-center justify-center bg-background text-foreground">
+		<div className="flex min-h-dvh -mt-24 flex-col items-center justify-center bg-background text-foreground">
 			<div className="space-y-4 text-center">
 				<h1 className="font-extrabold text-4xl tracking-tight lg:text-5xl">
 					404
diff --git a/app/page.tsx b/app/page.tsx
index 0eb338c..d30fcc1 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -10,7 +10,7 @@ export const runtime = "edge";
 
 export default async function Home() {
 	return (
-		<div className="grid grid-cols-1 md:grid-cols-3 gap-8 h-full pt-24 px-4 text-accent-foreground md:items-center justify-items-center">
+		<div className="grid grid-cols-1 md:grid-cols-3 gap-8 h-full pt-24 px-4 text-accent-foreground md:items-center justify-items-center -mt-16">
 			<div className="col-span-1 w-full max-w-md text-center space-y-2">
 				<div className="space-y-8">
 					<h1 className="font-bold text-2xl text-blue-600 lg:text-5xl">
diff --git a/app/recap/[user]/error.tsx b/app/recap/[user]/error.tsx
index 0e7bd2e..50e7ac0 100644
--- a/app/recap/[user]/error.tsx
+++ b/app/recap/[user]/error.tsx
@@ -7,7 +7,7 @@ export const runtime = "edge";
 
 export default function ErrorPage() {
 	return (
-		<div className="flex h-full flex-col items-center justify-center bg-background text-foreground">
+		<div className="flex min-h-dvh -mt-24 flex-col items-center justify-center bg-background text-foreground">
 			<div className="space-y-4 text-center">
 				<p className="text-lg">ユーザーの情報を取得できませんでした。</p>
 				<Separator className="mx-auto w-40" />
diff --git a/app/recap/components/header/header.tsx b/app/recap/components/header/header.tsx
index fc057eb..953d0ff 100644
--- a/app/recap/components/header/header.tsx
+++ b/app/recap/components/header/header.tsx
@@ -19,7 +19,7 @@ export const Header: FC = () => {
 		<SessionProvider>
 			<header
 				className={cn(
-					"flex h-16 items-center justify-between bg-background border-b dark:shadow-current px-6 py-4 ",
+					"fixed top-0 left-0 right-0 flex h-16 items-center justify-between bg-background border-b dark:shadow-current px-6 py-4 z-50",
 					isOnTop && "hidden",
 				)}
 			>
diff --git a/app/recap/loading.tsx b/app/recap/loading.tsx
index 31e25f9..f057270 100644
--- a/app/recap/loading.tsx
+++ b/app/recap/loading.tsx
@@ -3,7 +3,7 @@ export const runtime = "edge";
 export default function Loader() {
 	return (
 		<div
-			className="flex h-full items-center justify-center"
+			className="flex min-h-dvh -mt-24 items-center justify-center"
 			aria-label="読み込み中"
 		>
 			<div className="h-10 w-10 animate-spin rounded-full border-4 border-blue-700 border-t-transparent" />