content restructuring

cdleveille · Jun 1, 2024 · 397c7f2 · 397c7f2
1 parent 703db97
commit 397c7f2
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 12 deletions.
diff --git a/src/app/@modal/(.)[name_slug]/page.tsx b/src/app/@modal/(.)[name_slug]/page.tsx
@@ -1,6 +1,6 @@
 import { DiscDetail, DiscModal } from "@components";
 
-export default function DiscDetailPage({ params: { name_slug } }: { params: { name_slug: string } }) {
+export default function DiscDetailModal({ params: { name_slug } }: { params: { name_slug: string } }) {
 	return (
 		<DiscModal>
 			<DiscDetail name_slug={name_slug} />

diff --git a/src/app/[name_slug]/page.tsx b/src/app/[name_slug]/page.tsx
@@ -7,5 +7,9 @@ export const generateStaticParams = async () => {
 };
 
 export default function DiscDetailPage({ params: { name_slug } }: { params: { name_slug: string } }) {
-	return <DiscDetail name_slug={name_slug} />;
+	return (
+		<main>
+			<DiscDetail name_slug={name_slug} />
+		</main>
+	);
 }
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -13,17 +13,17 @@ a {
 	text-decoration: none;
 }
 
-main {
+h1 {
+	font-size: 3rem;
+}
+
+.flex-column-center {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	padding: 0.5rem;
 }
 
-h1 {
-	font-size: 3rem;
-}
-
 .title {
 	margin-top: -0.75rem;
 	margin-left: -1rem;

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -8,11 +8,13 @@ export default function HomePage() {
 	return (
 		<ClerkProvider publishableKey={config.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY}>
 			<main>
-				<Header />
-				<Filters />
-				<DiscCount />
-				<DiscGrid />
-				<ScrollToTop />
+				<div className="flex-column-center">
+					<Header />
+					<Filters />
+					<DiscCount />
+					<DiscGrid />
+					<ScrollToTop />
+				</div>
 			</main>
 		</ClerkProvider>
 	);