square theme toggle

lukeshay · Sep 27, 2023 · 9323f94 · 9323f94 · deno-deploy · Sep 27, 2023
1 parent 13962c7
commit 9323f94
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/MobileNav.astro b/src/components/MobileNav.astro
@@ -13,7 +13,7 @@ const links = {
 	<div class="font-medium text-sm text-slate-800 w-[100px] float-right flex">
 		<div class="relative">
 			<button
-				class="w-full dark:border-slate-800 dark:shadow-slate-900 dark:bg-slate-900 dark:text-slate-300 hover:text-cyan-400 border border-slate-900/5 shadow-slate-800/5 shadow-lg rounded-full text-center px-3 py-2 bg-white bg-opacity-95 flex justify-between items-center"
+				class="w-full dark:border-slate-800 dark:bg-slate-900 dark:text-slate-300 hover:text-cyan-400 border border-slate-900/5 text-center px-4 py-2 bg-white bg-opacity-95 flex justify-between items-center space-x-1 rounded-lg"
 				id="menuToggle"
 			>
 				<span id="active">{links[Astro.url.pathname] ?? "Home"}</span>
@@ -22,7 +22,7 @@ const links = {
 
 			<ul
 				id="menu"
-				class="w-full hidden absolute dark:border-slate-800 dark:shadow-slate-900 dark:bg-slate-900 dark:text-slate-300 bg-white rounded-lg border border-slate-900/5 shadow-slate-800/5 shadow-lg ease-in-out duration-200"
+				class="w-full hidden absolute dark:border-slate-800 dark:bg-slate-900 dark:text-slate-300 bg-white rounded-lg border border-slate-900/5 ease-in-out duration-200"
 			>
 				<NavbarLink href="/">Home</NavbarLink>
 				<NavbarLink href="/projects">Projects</NavbarLink>

diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
@@ -7,7 +7,7 @@ import NavbarLink from "./NavbarLink.astro"
 	class="sticky pointer-events-auto hidden md:flex items-center top-2 pr-4"
 >
 	<ul
-		class="flex border dark:border-slate-800 dark:bg-slate-900/95 dark:text-slate-300 border-slate-900/5 text-slate-800 w-fit rounded-lg px-3 mx-auto bg-white/95 py-1 text-sm"
+		class="flex border dark:border-slate-800 dark:bg-slate-900/95 dark:text-slate-300 border-slate-900/5 text-slate-800 w-fit rounded-lg px-1 mx-auto bg-white/95 text-sm"
 	>
 		<NavbarLink href="/">Home</NavbarLink>
 		<NavbarLink href="/projects">Projects</NavbarLink>

diff --git a/src/components/ThemeToggle.astro b/src/components/ThemeToggle.astro
@@ -10,7 +10,7 @@ const { class: className = "" } = Astro.props
 ---
 
 <button
-	class={`themeToggle bg-white dark:border-slate-800 dark:shadow-slate-900 dark:bg-slate-900 dark:text-slate-300 border border-slate-900/5 font-medium shadow-slate-800/5 shadow-lg text-sm text-slate-800 rounded-full px-3 py-1.5 hover:text-cyan-400 ${className}`}
+	class={`themeToggle bg-white dark:border-slate-800 dark:shadow-slate-900 dark:bg-slate-900 dark:text-slate-300 border border-slate-900/5 font-medium text-sm text-slate-800 rounded-lg px-3 py-1.5 hover:text-cyan-400 ${className}`}
 	type="button"
 >
 	<Moon class="mx-auto dark:block hidden" />