More styling

This commit is contained in:
2023-11-28 17:06:50 +00:00
committed by Daniel Patterson
parent 8ece628b30
commit 99397d7388
6 changed files with 267 additions and 13 deletions

View File

@@ -230,9 +230,9 @@ defmodule WishWeb.CoreComponents do
<button
type={@type}
class={[
"phx-submit-loading:opacity-75 bg-purple-400 hover:bg-purple-500 py-2 px-3",
"text-sm font-semibold leading-6 text-white active:text-white/80",
"border-2 border-black",
"phx-submit-loading:opacity-75 bg-purple-200 hover:bg-purple-300 py-2 px-3",
"text-sm font-semibold leading-6 text-zinc-800 active:bg-purple-400 active:text-zinc-800/80",
"border-2 border-black hover:shadow-sharp transition-shadow",
@class
]}
{@rest}

View File

@@ -1,8 +1,11 @@
<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="/">
Wish
<a
class="font-display text-6xl font-black text-violet-600 drop-shadow-[e_0_15px_violet]"
href="/"
>
<img src="/images/logo.svg" />
</a>
</div>
<div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900"></div>