mirror of
https://github.com/ClaperCo/Claper.git
synced 2026-09-01 19:49:11 +02:00
refactor: update card shadow styles across admin UI components
This commit is contained in:
@@ -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>
|
||||
""",
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
"""
|
||||
|
||||
@@ -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}
|
||||
|
||||
@@ -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}
|
||||
|
||||
@@ -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}
|
||||
>
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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}
|
||||
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user