feat: add archived banner

theoberton · Aug 24, 2023 · b6de070 · b6de070
1 parent 8cdc89d
commit b6de070
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
@@ -82,6 +82,7 @@ body,
 	max-width: 100vw;
 	display: flex;
 	flex: 1;
+	flex-direction: column;
 	background-color: $black-one;
 }
 

diff --git a/src/components/Layout/Page/index.tsx b/src/components/Layout/Page/index.tsx
@@ -5,10 +5,14 @@ import styles from './styles.module.scss';
 
 export function Page({ footer = false }: { footer?: boolean }) {
 	return (
-		<div className={styles.pageContainer}>
-			<Header />
-			<Outlet />
-			{footer && <Footer />}
-		</div>
+		<>
+			<div className={styles.warningBanner}>The project is archived and offered as is. Use at your own risk.</div>
+			<div className={styles.pageContainer}>			
+
+				<Header />
+				<Outlet />
+				{footer && <Footer />}
+			</div>
+		</>
 	);
 }
diff --git a/src/components/Layout/Page/styles.module.scss b/src/components/Layout/Page/styles.module.scss
@@ -37,3 +37,9 @@
 		padding-inline: calc(50vw - 710px);
 	}
 }
+
+.warningBanner {
+	background-color: #8d4466cc;
+	text-align: center;
+	padding: 16px 20px;
+}