Fixes webkit stuff

4 files changed, 26 insertions, 25 deletions

diff --git a/apps/website/src/components/base/Section.astro b/apps/website/src/components/base/Section.astro
index b2842f6..0ff8e3a 100644
--- a/apps/website/src/components/base/Section.astro
+++ b/apps/website/src/components/base/Section.astro
@@ -18,7 +18,7 @@ const {
 
 const twoColumn = Astro.slots.has('left') || Astro.slots.has('right');
 
-const className = `max-w-[${maxWidth}] ${wFull ? 'w-full' : `w-[${maxWidth}]`} px-5 md:p-0 flex gap-4${
+const className = `max-w-[${maxWidth}] ${wFull ? 'w-full' : `w-[${maxWidth}]`} px-5 md:p-0 flex gap-x-20 gap-y-4${
 	twoColumn ? ` ${maxWidth === 'none' ? 'justify-center' : 'justify-between md:justify-evenly lg:justify-between'} ${colReverse ? 'flex-col-reverse' : 'flex-col'} md:flex-row md:items-center md:flex-row` : ''
 }${props.class ? ` ${props.class}` : ''}`;
 ---
@@ -31,12 +31,11 @@ const className = `max-w-[${maxWidth}] ${wFull ? 'w-full' : `w-[${maxWidth}]`} p
 					<slot name="left"></slot>
 				</div>
 
-					<div class="flex flex-col items-start text-left relative">
-						<slot name="right"></slot>
-					</div>
-				)
-			: (
+				<div class="flex flex-col items-start text-left relative">
+					<slot name="right"></slot>
+				</div>
+			) : (
 				<slot></slot>
-				)}
+			)}
 	</div>
 </section>
diff --git a/apps/website/src/components/base/Slider.astro b/apps/website/src/components/base/Slider.astro
index 625d7ff..139a250 100644
--- a/apps/website/src/components/base/Slider.astro
+++ b/apps/website/src/components/base/Slider.astro
@@ -51,10 +51,13 @@ const {
 				}
 			}
 		}
+
+		/**
 		&:hover > .wrapper, &.reverse:hover > .wrapper {
-			/* TODO: Possibly add fancy hover card anim? */
 			animation-play-state: paused;
 		}
+		*/
+
 		&.reverse > .wrapper {
 			animation: var(--speed) linear infinite slide-reverse;
 			@keyframes slide-reverse {
diff --git a/apps/website/src/components/base/navbar/Navbar.astro b/apps/website/src/components/base/navbar/Navbar.astro
index ca39f2b..96c9955 100644
--- a/apps/website/src/components/base/navbar/Navbar.astro
+++ b/apps/website/src/components/base/navbar/Navbar.astro
@@ -4,18 +4,17 @@ import config from 'config';
 import NavbarElement from '../navbar/NavbarElement.astro';
 
 ---
-
-	<div class="absolute w-full flex flex-row justify-center h-screen max-h-[110px] px-3">
-		<nav class="w-full max-w-[1080px] flex flex-col md:flex-row justify-between items-center">
-			<ul class="flex flex-row justify-start gap-4">
-				{(config as Config).navbar.left.map((element, index) => (
-					<NavbarElement {element} {index}/>
-				))}
-			</ul>
-			<ul class="flex flex-row justify-end gap-4">
-				{(config as Config).navbar.right.map((element, index) => (
-					<NavbarElement {element} {index}/>
-				))}
-			</ul>
-		</nav>
-	</div>
+<div class="absolute w-full flex flex-row justify-center h-screen max-h-[110px] px-3">
+	<nav class="w-full max-w-[1080px] flex flex-col md:flex-row justify-between items-center">
+		<ul class="flex flex-row justify-start gap-4 max-sm:mt-4">
+			{(config as Config).navbar.left.map((element, index) => (
+				<NavbarElement {element} {index}/>
+			))}
+		</ul>
+		<ul class="flex flex-row justify-end gap-4">
+			{(config as Config).navbar.right.map((element, index) => (
+				<NavbarElement {element} {index}/>
+			))}
+		</ul>
+	</nav>
+</div>
diff --git a/apps/website/src/components/base/navbar/NavbarElement.astro b/apps/website/src/components/base/navbar/NavbarElement.astro
index 8a455de..346869c 100644
--- a/apps/website/src/components/base/navbar/NavbarElement.astro
+++ b/apps/website/src/components/base/navbar/NavbarElement.astro
@@ -51,9 +51,9 @@ const {
                 		md:top-full md:right-0
 
                 		group-focus-within:pointer-events-auto group-focus-within:opacity-100
-						group-hover:pointer-events-auto group-hover:opacity-100
+						md:group-hover:pointer-events-auto md:group-hover:opacity-100
                 		focus-within:pointer-events-auto focus-within:opacity-100
-                		hover:pointer-events-auto hover:opacity-100
+                		md:hover:pointer-events-auto md:hover:opacity-100
             		`}>
 						<ScrollbarOverlayContainer
 							tabindex="-1"