dp/wish
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

More styling

Browse Source
This commit is contained in:
Daniel Patterson
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
Download Patch File Download Diff File Expand all files Collapse all files

6
lib/wish_web/live/home_live/index.html.heex
View File

@@ -15,7 +15,7 @@
<div
:for={item <- @items}
phx-click={JS.navigate(~p"/details/#{item}")}
class="p-3 hover:bg-purple-200 active:bg-purple-300 border-2 border-black hover:shadow-sharp transition cursor-pointer"
class="p-3 bg-purple-200 hover:bg-purple-300 active:bg-purple-400 border-2 border-black hover:shadow-sharp transition cursor-pointer"
>
<div class="aspect-square relative flex flex-col justify-center bg-white border border-black">
<img
@@ -50,10 +50,10 @@
<div class="flex flex-col mt-4 space-y-4">
<div
:for={item <- @items}
class="grid grid-cols-6 grid-rows-4 gap-3 h-56 p-3 border-2 border-black hover:shadow-sharp transition"
class="grid grid-cols-6 grid-rows-4 gap-3 h-56 p-3 bg-purple-200 hover:bg-purple-300 active:bg-purple-400 border-2 border-black hover:shadow-sharp transition cursor-pointer"
phx-click={JS.navigate(~p"/details/#{item}")}
>
<div class="relative col-span-2 flex flex-col justify-center max-h-full h-full row-span-4 border border-black">
<div class="relative col-span-2 flex flex-col justify-center max-h-full h-full row-span-4 bg-white border border-black">
<img :if={item.image_url} src={item.image_url} alt={item.title} class="max-h-full" />
<%= if item.received && !@current_user do %>
<div class="absolute bg-red-400 text-xs text-white w-full h-7 bottom-0">