chore: update shadow styles

sturmfreico · Jul 22, 2024 · 4244f1a · 4244f1a
1 parent 042f5d8
commit 4244f1a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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],