refactor: update card shadow styles across admin UI components

This commit is contained in:
Alex Lion
2026-04-08 17:41:56 +02:00
parent 8a9e31f68b
commit ca55665265
9 changed files with 24 additions and 24 deletions

View File

@@ -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>
""",

View File

@@ -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>

View File

@@ -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>
"""

View File

@@ -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}

View File

@@ -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}

View File

@@ -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}
>

View File

@@ -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

View File

@@ -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}

View File

@@ -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"