From 1162082dc243c3d4c4e0cb365e1743339f236994 Mon Sep 17 00:00:00 2001
From: JovannMC <jovannmc@femboyfurry.net>
Date: Fri, 3 Jan 2025 15:29:35 +0300
Subject: [PATCH] fix mobile navbar again

---
 src/lib/components/functional/Navbar.svelte | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/functional/Navbar.svelte b/src/lib/components/functional/Navbar.svelte
index c3ff262..c583030 100644
--- a/src/lib/components/functional/Navbar.svelte
+++ b/src/lib/components/functional/Navbar.svelte
@@ -138,14 +138,15 @@
 		{#if linkRects[selectedIndex]}
 			<div
 				class="absolute bg-panel-accented rounded-xl"
-				style="width: {linkRects[selectedIndex].width}px; height: {linkRects[selectedIndex].height}px; top: {linkRects[selectedIndex].top - (containerRect?.top || 0)}px; left: {linkRects[selectedIndex].left - (containerRect?.left || 0)}px; transition: left var(--transition) {duration}ms, top var(--transition) {duration}ms;"
+				style="width: {linkRects[selectedIndex]
+					.width}px; height: {linkRects[selectedIndex]
+					.height}px; top: {linkRects[selectedIndex].top -
+					(containerRect?.top || 0)}px; left: {linkRects[
+					selectedIndex
+				].left -
+					(containerRect?.left ||
+						0)}px; transition: left var(--transition) {duration}ms, top var(--transition) {duration}ms;"
 			></div>
-			{#if browser && window.innerWidth < 768}
-				<div
-					class="absolute bg-panel-accented rounded-xl"
-					style="width: {linkRects[selectedIndex].width}px; height: {linkRects[selectedIndex].height / 2}px; bottom: {window.innerHeight - linkRects[selectedIndex].bottom}px; left: {linkRects[selectedIndex].left - (containerRect?.left || 0)}px; transition: left var(--transition) {duration}ms, bottom var(--transition) {duration}ms;"
-				></div>
-			{/if}
 		{/if}
 		<div
 			class="w-32 h-full bg-accent rounded-xl items-center justify-center hidden md:flex"
@@ -157,10 +158,10 @@
 		{#each items as item, i (item.url)}
 			{@render link(item, i)}
 		{/each}
-		<div class="w-0.5 bg-separator h-full hidden md:flex"></div>
+		<div class="w-0.5 bg-separator h-full flex"></div>
 		<button
 			onclick={theme.toggle}
-			class="w-14 h-full items-center justify-center hidden md:flex"
+			class="w-14 h-full items-center justify-center flex"
 		>
 			<SunIcon class="dynadark:hidden block" />
 			<MoonIcon class="dynadark:block hidden" />