From d52d737d6d6067a6f18efed38fbd0261be9d024d Mon Sep 17 00:00:00 2001 From: taroj1205 Date: Mon, 11 Nov 2024 20:20:07 +1300 Subject: [PATCH] feat(how-much): added more way to interact with the images --- src/components/hero.astro | 2 +- src/components/how-much/index.astro | 80 ++++++++++++++++++++++++++--- tailwind.config.cjs | 20 ++++++-- 3 files changed, 89 insertions(+), 13 deletions(-) diff --git a/src/components/hero.astro b/src/components/hero.astro index 2d237bb..c5f9aa8 100644 --- a/src/components/hero.astro +++ b/src/components/hero.astro @@ -30,7 +30,7 @@ import { Image } from "astro:assets"; @tailwind base; @layer base { section { - @apply section flex flex-col items-center gap-md; + @apply section flex flex-col items-center gap-md py-20; } h2 { diff --git a/src/components/how-much/index.astro b/src/components/how-much/index.astro index 3278a8a..a74b751 100644 --- a/src/components/how-much/index.astro +++ b/src/components/how-much/index.astro @@ -26,6 +26,7 @@ const modes: ModesOptions[] = ["compact", "collapsed", "standard", "split"]; name="view" value={mode} checked={mode === "compact"} + class="sr-only" /> {mode.charAt(0).toUpperCase() + mode.slice(1)} @@ -74,6 +75,8 @@ const modes: ModesOptions[] = ["compact", "collapsed", "standard", "split"];