From bf0ee697a9a97bfe0eec5adc23e44fbe5f06d5bc Mon Sep 17 00:00:00 2001 From: AVGVSTVS96 <122117267+AVGVSTVS96@users.noreply.github.com> Date: Sun, 14 Jan 2024 22:53:55 -0500 Subject: [PATCH 01/13] Update layout to hide buttons under 640px, add new div for mobile dropdown. Update NavBar padding. Add showCaret prop to DropdownMenu --- src/components/NavBar.astro | 32 +++++++++++++++++++------------- 1 file changed, 19 insertions(+), 13 deletions(-) diff --git a/src/components/NavBar.astro b/src/components/NavBar.astro index 0099aca0..b2805b82 100644 --- a/src/components/NavBar.astro +++ b/src/components/NavBar.astro @@ -5,7 +5,7 @@ import ThemeToggle from './subComponents/ThemeToggle.astro'; ---
+ class="navbar-container sticky top-0 z-10 mb-8 w-full border-b border-slate-400/50 bg-white px-4 sm:px-6 md:px-10 py-2 xl:px-14 dark:border-slate-400/40 dark:bg-slate-950">
Astro Logo -
-
+
+ +
From 73adca41f4c6d079d95d778218408e4e9a8df936 Mon Sep 17 00:00:00 2001 From: AVGVSTVS96 <122117267+AVGVSTVS96@users.noreply.github.com> Date: Mon, 15 Jan 2024 00:22:54 -0500 Subject: [PATCH 02/13] Add icon support via prop to Button and DropdownMenu components --- src/components/subComponents/Button.astro | 6 ++++-- src/components/subComponents/DropdownMenu.astro | 5 +++-- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/src/components/subComponents/Button.astro b/src/components/subComponents/Button.astro index 821239aa..24baf899 100644 --- a/src/components/subComponents/Button.astro +++ b/src/components/subComponents/Button.astro @@ -5,9 +5,11 @@ interface Props { id?: string; showCaret?: boolean; class?: string; + icon?: boolean; } -const { name, link, id, showCaret = false, class: className } = Astro.props; +const { name, link, id, showCaret = false, class: className, icon = false } = Astro.props; +import { Icon } from 'astro-icon/components'; ---