From 4244f1a2e458b53a4cfef7d26b46d5100a640f86 Mon Sep 17 00:00:00 2001
From: Christoph von Gellhorn <gellborn@gmail.com>
Date: Mon, 22 Jul 2024 20:31:34 +1000
Subject: [PATCH] chore: update shadow styles

---
 src/components/widgets/CallToAction.astro | 2 +-
 src/components/widgets/Features2.astro    | 3 +--
 tailwind.config.cjs                       | 3 +++
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/widgets/CallToAction.astro b/src/components/widgets/CallToAction.astro
index 0687130..a5ba819 100644
--- a/src/components/widgets/CallToAction.astro
+++ b/src/components/widgets/CallToAction.astro
@@ -27,7 +27,7 @@ const {
 
 <WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-6xl mx-auto ${classes?.container ?? ''}`} bg={bg}>
   <div
-    class="max-w-3xl mx-auto text-center p-6 rounded-md shadow-xl dark:shadow-none dark:border dark:border-slate-600"
+    class="max-w-3xl mx-auto text-center p-6 rounded-md shadow-glow backdrop-blur border border-[#ffffff29] dark:border-slate-600"
   >
     <Headline
       title={title}
diff --git a/src/components/widgets/Features2.astro b/src/components/widgets/Features2.astro
index 282337e..53f20e3 100644
--- a/src/components/widgets/Features2.astro
+++ b/src/components/widgets/Features2.astro
@@ -27,8 +27,7 @@ const {
     defaultIcon={defaultIcon}
     classes={{
       container: 'gap-4 md:gap-6',
-      panel:
-        'rounded-lg shadow-[0_4px_30px_rgba(0,0,0,0.1)] dark:shadow-[0_4px_30px_rgba(0,0,0,0.1)] backdrop-blur border border-[#ffffff29] bg-white dark:bg-slate-900 p-6',
+      panel: 'rounded-lg shadow-glow backdrop-blur border border-[#ffffff29] bg-white dark:bg-slate-900 p-6',
       // panel:
       //   "text-center bg-page items-center md:text-left rtl:md:text-right md:items-start p-6 p-6 rounded-md shadow-xl dark:shadow-none dark:border dark:border-slate-800",
       icon: 'w-12 h-12 mb-6 text-primary',
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 32b3139..ad5837e 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -17,6 +17,9 @@ module.exports = {
         serif: ['var(--aw-font-serif, ui-serif)', ...defaultTheme.fontFamily.serif],
         heading: ['var(--aw-font-heading, ui-sans-serif)', ...defaultTheme.fontFamily.sans],
       },
+      boxShadow: {
+        'glow': '0 4px 30px rgba(0,0,0,0.1)',
+      },
     },
   },
   plugins: [typographyPlugin],