Fixed Notes page height issue (#950)

* Update notes.tsx * Update root.tsx
epicweb-dev · Feb 25, 2025 · 2212cd7 · 2212cd7
1 parent f48ec68
commit 2212cd7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/root.tsx b/app/root.tsx
@@ -219,7 +219,7 @@ function App() {
 					</nav>
 				</header>
 
-				<div className="flex-1">
+				<div className="flex-1 flex flex-col">
 					<Outlet />
 				</div>
 

diff --git a/app/routes/users+/$username_+/notes.tsx b/app/routes/users+/$username_+/notes.tsx
@@ -32,7 +32,7 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 	const navLinkDefaultClassName =
 		'line-clamp-2 block rounded-l-full py-2 pl-8 pr-6 text-base lg:text-xl'
 	return (
-		<main className="container flex h-full min-h-[400px] px-0 pb-12 md:px-8">
+		<main className="container flex flex-1 min-h-[400px] px-0 pb-12 md:px-8">
 			<div className="grid w-full grid-cols-4 bg-muted pl-2 md:container md:rounded-3xl md:pr-0">
 				<div className="relative col-span-1">
 					<div className="absolute inset-0 flex flex-col">