Some stuff

This commit is contained in:
2023-11-30 23:30:16 +00:00
parent e9a98861a0
commit 5a9cfb9434
5 changed files with 70 additions and 41 deletions

View File

@@ -66,13 +66,13 @@ defmodule WishWeb.CoreComponents do
phx-window-keydown={JS.exec("data-cancel", to: "##{@id}")}
phx-key="escape"
phx-click-away={JS.exec("data-cancel", to: "##{@id}")}
class="shadow-zinc-700/10 ring-zinc-700/10 relative hidden rounded-2xl bg-white p-14 shadow-lg ring-1 transition"
class="relative hidden bg-purple-50 p-14 border border-black shadow-sharp transition"
>
<div class="absolute top-6 right-5">
<button
phx-click={JS.exec("data-cancel", to: "##{@id}")}
type="button"
class="-m-3 flex-none p-3 opacity-20 hover:opacity-40"
class="-m-3 flex-none p-3 hover:opacity-40"
aria-label={gettext("close")}
>
<.icon name="hero-x-mark-solid" class="h-5 w-5" />
@@ -201,7 +201,7 @@ defmodule WishWeb.CoreComponents do
def simple_form(assigns) do
~H"""
<.form :let={f} for={@for} as={@as} {@rest}>
<div class="mt-10 space-y-8 bg-white">
<div class="mt-10 space-y-8 bg-purple-50">
<%= render_slot(@inner_block, f) %>
<div :for={action <- @actions} class="mt-2 flex items-center justify-between gap-6">
<%= render_slot(action, f) %>
@@ -378,9 +378,9 @@ defmodule WishWeb.CoreComponents do
id={@id}
value={Phoenix.HTML.Form.normalize_value(@type, @value)}
class={[
"mt-2 block w-full rounded-lg text-zinc-900 focus:ring-0 sm:text-sm sm:leading-6",
"phx-no-feedback:border-zinc-300 phx-no-feedback:focus:border-zinc-400",
@errors == [] && "border-zinc-300 focus:border-zinc-400",
"mt-2 block w-full text-zinc-900 focus:ring-0 sm:text-sm sm:leading-6",
"phx-no-feedback:border-zinc-800 phx-no-feedback:focus:border-zinc-400",
@errors == [] && "border-zinc-800 focus:border-zinc-400",
@errors != [] && "border-rose-400 focus:border-rose-400"
]}
{@rest}

View File

@@ -1,9 +1,9 @@
<header class="px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between border-b border-zinc-100 py-3 text-sm">
<div class="flex items-center gap-4">
<a class="font-display text-6xl font-black text-violet-600" href="/">
<.link class="font-display text-6xl font-black text-violet-600" navigate="/">
<img src="/images/logo.svg" />
</a>
</.link>
</div>
<div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900"></div>
</div>