improved 'disc not found' default page

cdleveille · Jun 1, 2024 · e682fbe · e682fbe
1 parent 9165bb4
commit e682fbe
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 4 deletions.
diff --git a/src/app/@modal/default.tsx b/src/app/@modal/default.tsx
@@ -1,3 +1,9 @@
 export default function Default() {
-	return null;
+	return (
+		<div className="disc-detail-container">
+			<div className="disc-detail-not-found">
+				<p>Disc not found!</p>
+			</div>
+		</div>
+	);
 }
diff --git a/src/app/default.tsx b/src/app/default.tsx
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -146,6 +146,20 @@ h1 {
 	height: 100%;
 }
 
+.disc-detail-not-found {
+	font-size: 6vmin;
+	font-weight: 500;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	width: 100vmin;
+	height: 100vmin;
+	border-radius: 50%;
+	color: #444444;
+	background-color: #cccccc;
+	border: 1.5vmin solid #444444;
+}
+
 .filters {
 	display: flex;
 	flex-direction: row;