From 795e6c363dc7395536af4cc6325cbe22b6d34d97 Mon Sep 17 00:00:00 2001
From: iCrawl <buechler.noel@outlook.com>
Date: Thu, 23 Mar 2023 23:46:37 +0100
Subject: [PATCH] fix(website): footer spacing

---
 apps/guide/src/components/SidebarLayout.astro            | 2 +-
 .../src/app/docs/packages/[package]/[version]/layout.tsx | 2 +-
 apps/website/src/components/SyntaxHighlighter.tsx        | 2 +-
 apps/website/src/styles/main.css                         | 9 ---------
 4 files changed, 3 insertions(+), 12 deletions(-)

diff --git a/apps/guide/src/components/SidebarLayout.astro b/apps/guide/src/components/SidebarLayout.astro
index 7633d2cce..17b009c75 100644
--- a/apps/guide/src/components/SidebarLayout.astro
+++ b/apps/guide/src/components/SidebarLayout.astro
@@ -106,7 +106,7 @@ const pageNext = curCategoryPages![curCategoryIndex + 1];
 
 		<div class="h-76 md:h-52"></div>
 		<footer
-			class="dark:bg-dark-600 h-76 lg:pl-84 bg-light-600 xl:pr-76 fixed bottom-0 left-0 right-0 md:h-52 md:pl-4 md:pr-16"
+			class="dark:bg-dark-600 h-76 lg:pl-84 bg-light-600 xl:pr-84 fixed bottom-0 left-0 right-0 md:h-52 md:pl-4 md:pr-16"
 		>
 			<div class="mx-auto flex max-w-6xl flex-col place-items-center gap-12 pt-12 lg:place-content-center">
 				<div class="flex w-full flex-col place-content-between place-items-center gap-12 md:flex-row md:gap-0">
diff --git a/apps/website/src/app/docs/packages/[package]/[version]/layout.tsx b/apps/website/src/app/docs/packages/[package]/[version]/layout.tsx
index 241193589..c63c7e6f7 100644
--- a/apps/website/src/app/docs/packages/[package]/[version]/layout.tsx
+++ b/apps/website/src/app/docs/packages/[package]/[version]/layout.tsx
@@ -74,7 +74,7 @@ export default async function PackageLayout({ children, params }: PropsWithChild
 				<article className="pt-18 lg:pl-76">
 					<div className="relative z-10 min-h-[calc(100vh_-_70px)]">{children}</div>
 					<div className="h-76 md:h-52" />
-					<footer className="dark:bg-dark-600 h-76 lg:pl-84 bg-light-600 fixed bottom-0 left-0 right-0 md:h-52 md:pl-4 md:pr-16">
+					<footer className="dark:bg-dark-600 h-76 lg:pl-84 bg-light-600 xl:pr-84 fixed bottom-0 left-0 right-0 md:h-52 md:pl-4 md:pr-16">
 						<div className="mx-auto flex max-w-6xl flex-col place-items-center gap-12 pt-12 lg:place-content-center">
 							<div className="flex w-full flex-col place-content-between place-items-center gap-12 md:flex-row md:gap-0">
 								<a
diff --git a/apps/website/src/components/SyntaxHighlighter.tsx b/apps/website/src/components/SyntaxHighlighter.tsx
index b9594e38d..39b01efcc 100644
--- a/apps/website/src/components/SyntaxHighlighter.tsx
+++ b/apps/website/src/components/SyntaxHighlighter.tsx
@@ -7,7 +7,7 @@ export function SyntaxHighlighter(props: typeof Code) {
 				{/* @ts-expect-error async component */}
 				<Code codeClassName="font-mono" lang={props.lang ?? 'typescript'} {...props} theme="github-dark-dimmed" />
 			</div>
-			<div data-theme="light">
+			<div className="[&_pre]:rounded-md [&_pre]:border [&_pre]:border-gray-300" data-theme="light">
 				{/* @ts-expect-error async component */}
 				<Code codeClassName="font-mono" lang={props.lang ?? 'typescript'} {...props} theme="min-light" />
 			</div>
diff --git a/apps/website/src/styles/main.css b/apps/website/src/styles/main.css
index df2cb19b4..cd775bbf2 100644
--- a/apps/website/src/styles/main.css
+++ b/apps/website/src/styles/main.css
@@ -15,15 +15,6 @@ body {
 	display: none;
 }
 
-pre[data-theme='light'] {
-	background: #ffffff;
-	border: 1px solid #dddddd;
-}
-
-pre[data-theme='dark'] {
-	background: #1e1e1e;
-}
-
 pre {
 	font-size: 13px !important;
 	white-space: pre;