From 2a2aa33ffeacf3ee126a3ec11912638e6c5b2de3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=98=99=E2=97=A6=20The=20Tablet=20=E2=9D=80=20GamerGirla?=
 =?UTF-8?q?ndCo=20=E2=97=A6=E2=9D=A7?= <i.am.the.tablet@proton.me>
Date: Wed, 11 Oct 2023 13:26:23 -0400
Subject: [PATCH] fix(components): make navbar grow to fill available width

---
 layouts/default.vue | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 399ee21..e12c9bd 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -41,10 +41,13 @@
 							</a-typography-text>
 						</div>
 					</div>
+					<!-- <client-only> -->
 					<navbar />
+
+					<!-- </client-only> -->
 				</div>
 			</a-layout-header>
-			<a-layout-content>
+			<a-layout-content style="flex-grow: 1">
 				<slot />
 				<!-- <a-float-button
 					type="primary"
@@ -62,13 +65,13 @@
 		</a-layout>
 		<a-layout-sider
 			:zero-width-trigger-style="{
-				background: '#e92678',
+				background: '#e92662',
 				padding: '1.2em',
 				position: 'fixed',
 				right: 0,
 				borderRadius: '15%',
 				color: 'white',
-				border: '2.4px solid #fff',
+				border: '2.4px solid #fffFFF80',
 				top: '75vh',
 			}"
 			:theme="darko ? 'dark' : 'light'"
@@ -81,6 +84,7 @@
 				height: '100%',
 				position: 'fixed',
 				right: '0px',
+				borderLeft: '2px solid #fff',
 			}"
 		>
 			<sidebar-thing />
@@ -167,6 +171,7 @@
 			display: inline-block;
 			flex-direction: row;
 			align-items: center;
+			justify-content: start !important;
 			/* background: inherit !important;  */
 			height: unset !important;
 			margin-bottom: 1.5em;
@@ -191,12 +196,13 @@
 	.siteTitle {
 		/* min-width: max-content; */
 		font-weight: normal;
-		color: #ff2883 !important;
+		color: #f14668 !important;
 		font-family: "jandles";
 		font-size: 5em;
 		margin: 0;
 		display: block;
 		min-width: 100%;
+		text-align: center;
 		/* float: left; */
 	}
 
@@ -226,6 +232,8 @@
 		display: flex;
 		flex-direction: column;
 		align-items: baseline;
+
+		justify-content: center;
 		/* background: inherit !important;  */
 		height: unset !important;
 		margin-bottom: 1.5em;
@@ -236,6 +244,7 @@
 
 	.alayhead > div {
 		flex-direction: column;
+		align-self: center;
 	}
 
 	.alayhead > div > * + * {