replace orphaned tailwind classes with project CSS
All checks were successful
deploy / deploy (push) Successful in 1m27s
All checks were successful
deploy / deploy (push) Successful in 1m27s
auth pages (login, registration, confirmation, recover) now use setup-page/setup-header/admin-btn-block. theme toggle indicator gets proper CSS. cleaned up dead h-full, size-3.5, ml-2 classes. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -324,7 +324,7 @@ defmodule BerrypodWeb.BlockEditorComponents do
|
||||
aria-label={"Move item #{idx + 1} up"}
|
||||
disabled={idx == 0}
|
||||
>
|
||||
<.icon name="hero-chevron-up-mini" class="size-3.5" />
|
||||
<.icon name="hero-chevron-up-mini" class="size-4" />
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
@@ -337,7 +337,7 @@ defmodule BerrypodWeb.BlockEditorComponents do
|
||||
aria-label={"Move item #{idx + 1} down"}
|
||||
disabled={idx == @item_count - 1}
|
||||
>
|
||||
<.icon name="hero-chevron-down-mini" class="size-3.5" />
|
||||
<.icon name="hero-chevron-down-mini" class="size-4" />
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
@@ -348,7 +348,7 @@ defmodule BerrypodWeb.BlockEditorComponents do
|
||||
class="admin-btn admin-btn-ghost admin-btn-icon admin-btn-xs repeater-remove-btn"
|
||||
aria-label={"Remove item #{idx + 1}"}
|
||||
>
|
||||
<.icon name="hero-x-mark-mini" class="size-3.5" />
|
||||
<.icon name="hero-x-mark-mini" class="size-4" />
|
||||
</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
@@ -362,7 +362,7 @@ defmodule BerrypodWeb.BlockEditorComponents do
|
||||
phx-value-field={@field.key}
|
||||
class="admin-btn admin-btn-outline admin-btn-xs repeater-add-btn"
|
||||
>
|
||||
<.icon name="hero-plus-mini" class="size-3.5" /> Add item
|
||||
<.icon name="hero-plus-mini" class="size-4" /> Add item
|
||||
</button>
|
||||
</div>
|
||||
"""
|
||||
|
||||
@@ -109,14 +109,14 @@ defmodule BerrypodWeb.Layouts do
|
||||
def theme_toggle(assigns) do
|
||||
~H"""
|
||||
<div class="theme-toggle">
|
||||
<div class="theme-toggle-indicator absolute w-1/3 h-full rounded-full border-1 border-base-200 bg-base-100 brightness-200 left-0" />
|
||||
<div class="theme-toggle-indicator" />
|
||||
|
||||
<button
|
||||
class="theme-toggle-btn"
|
||||
phx-click={JS.dispatch("phx:set-theme")}
|
||||
data-phx-theme="system"
|
||||
>
|
||||
<.icon name="hero-computer-desktop-micro" class="size-4 opacity-75 hover:opacity-100" />
|
||||
<.icon name="hero-computer-desktop-micro" class="size-4" />
|
||||
</button>
|
||||
|
||||
<button
|
||||
@@ -124,7 +124,7 @@ defmodule BerrypodWeb.Layouts do
|
||||
phx-click={JS.dispatch("phx:set-theme")}
|
||||
data-phx-theme="light"
|
||||
>
|
||||
<.icon name="hero-sun-micro" class="size-4 opacity-75 hover:opacity-100" />
|
||||
<.icon name="hero-sun-micro" class="size-4" />
|
||||
</button>
|
||||
|
||||
<button
|
||||
@@ -132,7 +132,7 @@ defmodule BerrypodWeb.Layouts do
|
||||
phx-click={JS.dispatch("phx:set-theme")}
|
||||
data-phx-theme="dark"
|
||||
>
|
||||
<.icon name="hero-moon-micro" class="size-4 opacity-75 hover:opacity-100" />
|
||||
<.icon name="hero-moon-micro" class="size-4" />
|
||||
</button>
|
||||
</div>
|
||||
"""
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" class="h-full">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
@@ -28,7 +28,7 @@
|
||||
<script defer phx-track-static src={~p"/assets/js/app.js"}>
|
||||
</script>
|
||||
</head>
|
||||
<body class="h-full">
|
||||
<body>
|
||||
<div class="themed" data-mood={@theme_settings.mood} style="min-height:100%">
|
||||
{@inner_content}
|
||||
</div>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" class="h-full">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
@@ -27,7 +27,7 @@
|
||||
<script defer phx-track-static src={~p"/assets/js/app.js"}>
|
||||
</script>
|
||||
</head>
|
||||
<body class="h-full">
|
||||
<body>
|
||||
<div class="themed" data-mood={@theme_settings.mood} style="min-height:100%">
|
||||
{@inner_content}
|
||||
</div>
|
||||
|
||||
@@ -928,12 +928,10 @@ defmodule BerrypodWeb.ShopComponents.Content do
|
||||
## Attributes
|
||||
|
||||
* `text` - Required. The title text.
|
||||
* `class` - Optional. Additional CSS classes.
|
||||
|
||||
## Examples
|
||||
|
||||
<.page_title text="Your basket" />
|
||||
<.page_title text="Order History" class="mb-4" />
|
||||
"""
|
||||
attr :text, :string, required: true
|
||||
|
||||
|
||||
Reference in New Issue
Block a user