tidy up

Author: Rich-Harris

packages/site-kit/src/lib/components/Dropdown.svelte

@@ -4,15 +4,14 @@
 	let {
 		children,
 		dropdown,
-		align = 'left',
-		top = false
-	}: { children: Snippet; dropdown: Snippet; align?: 'left' | 'right'; top?: boolean } = $props();
+		align = 'left'
+	}: { children: Snippet; dropdown: Snippet; align?: 'left' | 'right' } = $props();
 </script>
 
 <div class="dropdown">
 	{@render children()}
 
-	<nav class="dropdown-content" class:align-right={align === 'right'} class:top>
+	<nav class="dropdown-content" class:align-right={align === 'right'}>
 		{@render dropdown()}
 	</nav>
 </div>
@@ -42,11 +41,6 @@
 			left: auto;
 			right: -1rem;
 		}
-
-		&.top {
-			top: auto;
-			bottom: calc(50% + min(50%, 1.5rem));
-		}
 	}
 
 	.dropdown:hover .dropdown-content,

packages/site-kit/src/lib/components/FontDropdown.svelte renamed to packages/site-kit/src/lib/components/FontToggle.svelte

@@ -13,7 +13,7 @@ Top navigation bar for the application. It provides a slot for the left side, th
 	import { HoverMenu } from '../components';
 	import Search from '../search/Search.svelte';
 	import { tick } from 'svelte';
-	import FontDropdown from '../components/FontDropdown.svelte';
+	import FontToggle from '../components/FontToggle.svelte';
 
 	interface Props {
 		home_title?: string;
@@ -131,7 +131,7 @@ Top navigation bar for the application. It provides a slot for the left side, th
 				></a>
 			</div>
 
-			<FontDropdown />
+			<FontToggle />
 
 			<ThemeToggle />
 		</div>
@@ -148,7 +148,7 @@ Top navigation bar for the application. It provides a slot for the left side, th
 			<Icon name="search" size={18} />
 		</button>
 
-		<FontDropdown top />
+		<FontToggle />
 
 		<ThemeToggle />