From ca55665265bc262ebd1e08a7b08ef9d8cf5fa235 Mon Sep 17 00:00:00 2001
From: Alex Lion <dev@alexandrelion.com>
Date: Wed, 8 Apr 2026 17:41:56 +0200
Subject: [PATCH] refactor: update card shadow styles across admin UI
 components

---
 .../live/admin_live/audit_log_live.html.heex           |  2 +-
 .../live/admin_live/dashboard_live.html.heex           |  8 ++++----
 lib/claper_web/live/admin_live/detail_components.ex    |  2 +-
 lib/claper_web/live/admin_live/event_live.html.heex    |  6 +++---
 .../live/admin_live/oidc_provider_live.html.heex       |  8 ++++----
 .../live/admin_live/searchable_select_component.ex     |  2 +-
 .../live/admin_live/table_actions_component.ex         |  2 +-
 lib/claper_web/live/admin_live/user_live.html.heex     |  8 ++++----
 lib/claper_web/templates/layout/admin.html.heex        | 10 +++++-----
 9 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/lib/claper_web/live/admin_live/audit_log_live.html.heex b/lib/claper_web/live/admin_live/audit_log_live.html.heex
index f9a1927..de9be19 100644
--- a/lib/claper_web/live/admin_live/audit_log_live.html.heex
+++ b/lib/claper_web/live/admin_live/audit_log_live.html.heex
@@ -23,7 +23,7 @@
     path={~p"/admin/audit_logs"}
     opts={[
       container: true,
-      container_attrs: [class: "card bg-base-100 shadow-xl overflow-x-auto my-5"],
+      container_attrs: [class: "card bg-base-100 shadow-md overflow-x-auto my-5"],
       no_results_content: ~H"""
       <p class="text-center py-10">{gettext("No results.")}</p>
       """,
diff --git a/lib/claper_web/live/admin_live/dashboard_live.html.heex b/lib/claper_web/live/admin_live/dashboard_live.html.heex
index 782cf62..ba57daa 100644
--- a/lib/claper_web/live/admin_live/dashboard_live.html.heex
+++ b/lib/claper_web/live/admin_live/dashboard_live.html.heex
@@ -6,7 +6,7 @@
 <!-- Dashboard Content -->
 <div>
   <!-- Stats Cards -->
-  <div class="stats w-full stats-horizontal shadow mb-12">
+  <div class="stats w-full stats-horizontal shadow-md mb-12">
     <div class="stat bg-base-100">
       <div class="stat-title">{gettext("Total Users")}</div>
       <div class="stat-value">{@stats.total_users}</div>
@@ -60,7 +60,7 @@
   
 <!-- Charts -->
   <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-12">
-    <div class="card bg-base-100 shadow">
+    <div class="card bg-base-100 shadow-md">
       <div class="card-body">
         <h2 class="card-title">{gettext("User Growth")}</h2>
         <p class="text-sm text-base-content/60">{gettext("Last 30 days")}</p>
@@ -76,7 +76,7 @@
       </div>
     </div>
 
-    <div class="card bg-base-100 shadow">
+    <div class="card bg-base-100 shadow-md">
       <div class="card-body">
         <h2 class="card-title">{gettext("Event Creation")}</h2>
         <p class="text-sm text-base-content/60">{gettext("Last 30 days")}</p>
@@ -95,7 +95,7 @@
   
 <!-- Recent Events Table -->
   <div class="mt-12">
-    <div class="card bg-base-100 shadow-xl">
+    <div class="card bg-base-100 shadow-md">
       <div class="card-body">
         <h2 class="card-title mb-4">{gettext("Recent Events")}</h2>
 
diff --git a/lib/claper_web/live/admin_live/detail_components.ex b/lib/claper_web/live/admin_live/detail_components.ex
index a21dd67..4c7517a 100644
--- a/lib/claper_web/live/admin_live/detail_components.ex
+++ b/lib/claper_web/live/admin_live/detail_components.ex
@@ -20,7 +20,7 @@ defmodule ClaperWeb.AdminLive.DetailComponents do
 
   def detail_card(assigns) do
     ~H"""
-    <dl class="card card-body bg-base-100 shadow-xl grid grid-cols-1 sm:grid-cols-[auto_1fr] gap-5">
+    <dl class="card card-body bg-base-100 shadow-md grid grid-cols-1 sm:grid-cols-[auto_1fr] gap-5">
       {render_slot(@inner_block)}
     </dl>
     """
diff --git a/lib/claper_web/live/admin_live/event_live.html.heex b/lib/claper_web/live/admin_live/event_live.html.heex
index ed6278e..17bbe8c 100644
--- a/lib/claper_web/live/admin_live/event_live.html.heex
+++ b/lib/claper_web/live/admin_live/event_live.html.heex
@@ -25,7 +25,7 @@
         path={~p"/admin/events"}
         opts={[
           container: true,
-          container_attrs: [class: "card bg-base-100 shadow-xl overflow-x-auto my-5"],
+          container_attrs: [class: "card bg-base-100 shadow-md overflow-x-auto my-5"],
           no_results_content: ~H"""
           <p class="text-center py-10">{gettext("No events found")}</p>
           """,
@@ -159,7 +159,7 @@
       </div>
 
       <div class="mt-6">
-        <div class="card bg-base-100 shadow-xl">
+        <div class="card bg-base-100 shadow-md">
           <div class="card-body">
             <.live_component
               module={ClaperWeb.AdminLive.EventLive.FormComponent}
@@ -182,7 +182,7 @@
       </div>
 
       <div class="mt-6">
-        <div class="card bg-base-100 shadow-xl">
+        <div class="card bg-base-100 shadow-md">
           <div class="card-body">
             <.live_component
               module={ClaperWeb.AdminLive.EventLive.FormComponent}
diff --git a/lib/claper_web/live/admin_live/oidc_provider_live.html.heex b/lib/claper_web/live/admin_live/oidc_provider_live.html.heex
index 1c48eaf..0a6b39f 100644
--- a/lib/claper_web/live/admin_live/oidc_provider_live.html.heex
+++ b/lib/claper_web/live/admin_live/oidc_provider_live.html.heex
@@ -59,7 +59,7 @@
           </div>
           
 <!-- Providers Table -->
-          <div class="card bg-base-100 shadow-xl">
+          <div class="card bg-base-100 shadow-md">
             <div class="card-body p-0">
               <div class="overflow-x-auto">
                 <table class="table table-zebra w-full">
@@ -221,7 +221,7 @@
       </div>
 
       <div class="mt-6">
-        <div class="card bg-base-100 shadow-xl">
+        <div class="card bg-base-100 shadow-md">
           <div class="card-body">
             <h2 class="card-title">{@provider.name}</h2>
             <p class="text-base-content/70">{gettext("OIDC Provider")}</p>
@@ -295,7 +295,7 @@
       </div>
 
       <div class="mt-6">
-        <div class="card bg-base-100 shadow-xl">
+        <div class="card bg-base-100 shadow-md">
           <div class="card-body">
             <.live_component
               module={ClaperWeb.AdminLive.OidcProviderLive.FormComponent}
@@ -318,7 +318,7 @@
       </div>
 
       <div class="mt-6">
-        <div class="card bg-base-100 shadow-xl">
+        <div class="card bg-base-100 shadow-md">
           <div class="card-body">
             <.live_component
               module={ClaperWeb.AdminLive.OidcProviderLive.FormComponent}
diff --git a/lib/claper_web/live/admin_live/searchable_select_component.ex b/lib/claper_web/live/admin_live/searchable_select_component.ex
index 7cfc2c2..c50102d 100644
--- a/lib/claper_web/live/admin_live/searchable_select_component.ex
+++ b/lib/claper_web/live/admin_live/searchable_select_component.ex
@@ -34,7 +34,7 @@ defmodule ClaperWeb.AdminLive.SearchableSelectComponent do
           <%= if @show_dropdown and length(@filtered_options) > 0 do %>
             <ul
               tabindex="0"
-              class="dropdown-content menu bg-base-100 rounded-box z-[1] w-full p-2 shadow"
+              class="dropdown-content menu bg-base-100 rounded-box z-[1] w-full p-2 shadow-md"
               phx-click-away="close_dropdown"
               phx-target={@myself}
             >
diff --git a/lib/claper_web/live/admin_live/table_actions_component.ex b/lib/claper_web/live/admin_live/table_actions_component.ex
index c8c0620..4c27b73 100644
--- a/lib/claper_web/live/admin_live/table_actions_component.ex
+++ b/lib/claper_web/live/admin_live/table_actions_component.ex
@@ -121,7 +121,7 @@ defmodule ClaperWeb.AdminLive.TableActionsComponent do
           </button>
 
           <%= if @dropdown_open do %>
-            <div class="absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg z-10 border border-gray-200">
+            <div class="absolute right-0 mt-2 w-48 bg-white rounded-md shadow-md z-10 border border-gray-200">
               <div class="py-1">
                 <%= for action <- @dropdown_actions do %>
                   <button
diff --git a/lib/claper_web/live/admin_live/user_live.html.heex b/lib/claper_web/live/admin_live/user_live.html.heex
index a6a884f..c12e2c0 100644
--- a/lib/claper_web/live/admin_live/user_live.html.heex
+++ b/lib/claper_web/live/admin_live/user_live.html.heex
@@ -25,7 +25,7 @@
         path={~p"/admin/users"}
         opts={[
           container: true,
-          container_attrs: [class: "card bg-base-100 shadow-xl overflow-x-auto my-5"],
+          container_attrs: [class: "card bg-base-100 shadow-md overflow-x-auto my-5"],
           no_results_content: ~H"""
           <p class="text-center py-10">{gettext("No users found")}</p>
           """,
@@ -135,7 +135,7 @@
           path={~p"/admin/users/#{@user}"}
           opts={[
             container: true,
-            container_attrs: [class: "card bg-base-100 shadow-xl overflow-x-auto"],
+            container_attrs: [class: "card bg-base-100 shadow-md overflow-x-auto"],
             no_results_content: ~H"""
             <p class="text-center py-10">{gettext("No audit logs for this user.")}</p>
             """,
@@ -185,7 +185,7 @@
       </div>
 
       <div class="mt-6">
-        <div class="card bg-base-100 shadow-xl">
+        <div class="card bg-base-100 shadow-md">
           <div class="card-body">
             <.live_component
               module={ClaperWeb.AdminLive.UserLive.FormComponent}
@@ -208,7 +208,7 @@
       </div>
 
       <div class="mt-6">
-        <div class="card bg-base-100 shadow-xl">
+        <div class="card bg-base-100 shadow-md">
           <div class="card-body">
             <.live_component
               module={ClaperWeb.AdminLive.UserLive.FormComponent}
diff --git a/lib/claper_web/templates/layout/admin.html.heex b/lib/claper_web/templates/layout/admin.html.heex
index 2cbf6b1..6de914d 100644
--- a/lib/claper_web/templates/layout/admin.html.heex
+++ b/lib/claper_web/templates/layout/admin.html.heex
@@ -20,7 +20,7 @@
 
       <div class="drawer-content flex flex-col min-h-screen">
         <!-- Navbar for mobile -->
-        <div class="navbar lg:hidden bg-base-100 shadow-lg">
+        <div class="navbar lg:hidden bg-base-100 shadow-md">
           <div class="flex-none">
             <label for="drawer-toggle" class="btn btn-square btn-ghost drawer-button">
               <svg
@@ -51,7 +51,7 @@
           <!-- Toast container for flash messages -->
           <div class="toast toast-top toast-end" id="flash-messages">
             <%= if Phoenix.Flash.get(@flash, :info) do %>
-              <div class="alert alert-info shadow-lg">
+              <div class="alert alert-info shadow-md">
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
                   fill="none"
@@ -81,7 +81,7 @@
             <% end %>
 
             <%= if Phoenix.Flash.get(@flash, :success) do %>
-              <div class="alert alert-success shadow-lg">
+              <div class="alert alert-success shadow-md">
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
                   class="stroke-current shrink-0 h-6 w-6"
@@ -110,7 +110,7 @@
             <% end %>
 
             <%= if Phoenix.Flash.get(@flash, :warning) do %>
-              <div class="alert alert-warning shadow-lg">
+              <div class="alert alert-warning shadow-md">
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
                   class="stroke-current shrink-0 h-6 w-6"
@@ -139,7 +139,7 @@
             <% end %>
 
             <%= if Phoenix.Flash.get(@flash, :error) do %>
-              <div class="alert alert-error shadow-lg">
+              <div class="alert alert-error shadow-md">
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
                   class="stroke-current shrink-0 h-6 w-6"