This commit is contained in:
@@ -45,7 +45,7 @@
|
|||||||
--color-success-content: oklch(98% 0.014 180.72);
|
--color-success-content: oklch(98% 0.014 180.72);
|
||||||
--color-warning: oklch(66% 0.179 58.318);
|
--color-warning: oklch(66% 0.179 58.318);
|
||||||
--color-warning-content: oklch(98% 0.022 95.277);
|
--color-warning-content: oklch(98% 0.022 95.277);
|
||||||
--color-error: oklch(58% 0.253 17.585);
|
--color-error: oklch(65% 0.253 17.585);
|
||||||
--color-error-content: oklch(96% 0.015 12.422);
|
--color-error-content: oklch(96% 0.015 12.422);
|
||||||
--radius-selector: 0.25rem;
|
--radius-selector: 0.25rem;
|
||||||
--radius-field: 0.25rem;
|
--radius-field: 0.25rem;
|
||||||
@@ -80,7 +80,7 @@
|
|||||||
--color-success-content: oklch(98% 0.014 180.72);
|
--color-success-content: oklch(98% 0.014 180.72);
|
||||||
--color-warning: oklch(66% 0.179 58.318);
|
--color-warning: oklch(66% 0.179 58.318);
|
||||||
--color-warning-content: oklch(98% 0.022 95.277);
|
--color-warning-content: oklch(98% 0.022 95.277);
|
||||||
--color-error: oklch(58% 0.253 17.585);
|
--color-error: oklch(65% 0.253 17.585);
|
||||||
--color-error-content: oklch(96% 0.015 12.422);
|
--color-error-content: oklch(96% 0.015 12.422);
|
||||||
--radius-selector: 0.25rem;
|
--radius-selector: 0.25rem;
|
||||||
--radius-field: 0.25rem;
|
--radius-field: 0.25rem;
|
||||||
|
|||||||
@@ -298,7 +298,7 @@ defmodule CobblemonUiWeb.CoreComponents do
|
|||||||
# Helper used by inputs to generate form errors
|
# Helper used by inputs to generate form errors
|
||||||
defp error(assigns) do
|
defp error(assigns) do
|
||||||
~H"""
|
~H"""
|
||||||
<p class="mt-1.5 flex gap-2 items-center text-sm text-error">
|
<p class="mt-1.5 flex gap-2 items-center text-sm text-error/70">
|
||||||
<.icon name="hero-exclamation-circle" class="size-5" />
|
<.icon name="hero-exclamation-circle" class="size-5" />
|
||||||
{render_slot(@inner_block)}
|
{render_slot(@inner_block)}
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ defmodule CobblemonUiWeb.BattleComponents do
|
|||||||
<div class="rounded-xl border border-error/30 bg-error/5 overflow-hidden mb-6">
|
<div class="rounded-xl border border-error/30 bg-error/5 overflow-hidden mb-6">
|
||||||
<div class="px-5 py-3 border-b border-error/20 flex items-center gap-2">
|
<div class="px-5 py-3 border-b border-error/20 flex items-center gap-2">
|
||||||
<span class="w-2 h-2 rounded-full bg-error animate-pulse inline-block"></span>
|
<span class="w-2 h-2 rounded-full bg-error animate-pulse inline-block"></span>
|
||||||
<span class="text-sm font-semibold text-error/80">Active Battle</span>
|
<span class="text-sm font-semibold text-error/70">Active Battle</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-4 grid grid-cols-1 md:grid-cols-2 gap-3 relative">
|
<div class="p-4 grid grid-cols-1 md:grid-cols-2 gap-3 relative">
|
||||||
<div class="hidden md:flex absolute inset-y-0 left-1/2 -translate-x-1/2 items-center justify-center z-10 pointer-events-none">
|
<div class="hidden md:flex absolute inset-y-0 left-1/2 -translate-x-1/2 items-center justify-center z-10 pointer-events-none">
|
||||||
|
|||||||
@@ -208,7 +208,7 @@ defmodule CobblemonUiWeb.DashboardLive do
|
|||||||
:if={@error}
|
:if={@error}
|
||||||
class="rounded-xl border border-error/30 bg-error/10 px-5 py-4 mb-6"
|
class="rounded-xl border border-error/30 bg-error/10 px-5 py-4 mb-6"
|
||||||
>
|
>
|
||||||
<div class="flex items-center gap-2 text-error/80">
|
<div class="flex items-center gap-2 text-error/70">
|
||||||
<.icon name="hero-exclamation-triangle" class="size-5" />
|
<.icon name="hero-exclamation-triangle" class="size-5" />
|
||||||
<span class="text-sm font-medium">{@error}</span>
|
<span class="text-sm font-medium">{@error}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -412,7 +412,7 @@ defmodule CobblemonUiWeb.PokemonComponents do
|
|||||||
<p class="text-xs font-bold text-base-content/80 capitalize mb-1.5">{@type_name}</p>
|
<p class="text-xs font-bold text-base-content/80 capitalize mb-1.5">{@type_name}</p>
|
||||||
<%!-- Weakness row --%>
|
<%!-- Weakness row --%>
|
||||||
<div class="flex items-center gap-1.5 mb-1">
|
<div class="flex items-center gap-1.5 mb-1">
|
||||||
<span class="text-[9px] text-error/80 font-semibold uppercase tracking-wider w-[52px] shrink-0">
|
<span class="text-[9px] text-error/70 font-semibold uppercase tracking-wider w-[52px] shrink-0">
|
||||||
Weak
|
Weak
|
||||||
</span>
|
</span>
|
||||||
<div class="flex flex-wrap gap-0.5">
|
<div class="flex flex-wrap gap-0.5">
|
||||||
@@ -468,7 +468,7 @@ defmodule CobblemonUiWeb.PokemonComponents do
|
|||||||
defp gender_symbol(_), do: "—"
|
defp gender_symbol(_), do: "—"
|
||||||
|
|
||||||
defp gender_color("male"), do: "text-info"
|
defp gender_color("male"), do: "text-info"
|
||||||
defp gender_color("female"), do: "text-error/80"
|
defp gender_color("female"), do: "text-error/70"
|
||||||
defp gender_color(_), do: "text-base-content/40"
|
defp gender_color(_), do: "text-base-content/40"
|
||||||
|
|
||||||
defp format_move(move) when is_binary(move), do: String.replace(move, "_", " ")
|
defp format_move(move) when is_binary(move), do: String.replace(move, "_", " ")
|
||||||
|
|||||||
Reference in New Issue
Block a user