transition shadows

This commit is contained in:
shibao 2022-02-15 23:20:18 -05:00
parent 8e93d632b6
commit 669afd5dcb
5 changed files with 10 additions and 5 deletions

View File

@ -14,7 +14,8 @@ defmodule CanneryWeb.Components.AmmoGroupCard do
<div <div
id={"ammo_group-#{@ammo_group.id}"} id={"ammo_group-#{@ammo_group.id}"}
class="mx-4 my-2 px-8 py-4 flex flex-col justify-center items-center class="mx-4 my-2 px-8 py-4 flex flex-col justify-center items-center
border border-gray-400 rounded-lg shadow-lg hover:shadow-md" border border-gray-400 rounded-lg shadow-lg hover:shadow-md
transition-all duration-300 ease-in-out"
> >
<%= live_redirect to: Routes.ammo_group_show_path(Endpoint, :show, @ammo_group), <%= live_redirect to: Routes.ammo_group_show_path(Endpoint, :show, @ammo_group),
class: "mb-2 link" do %> class: "mb-2 link" do %>

View File

@ -11,7 +11,8 @@ defmodule CanneryWeb.Components.ContainerCard do
<div <div
id={"container-#{@container.id}"} id={"container-#{@container.id}"}
class="mx-4 my-2 px-8 py-4 flex flex-col justify-center items-center class="mx-4 my-2 px-8 py-4 flex flex-col justify-center items-center
border border-gray-400 rounded-lg shadow-lg hover:shadow-md" border border-gray-400 rounded-lg shadow-lg hover:shadow-md
transition-all duration-300 ease-in-out"
> >
<div class="mb-4 flex flex-col justify-center items-center"> <div class="mb-4 flex flex-col justify-center items-center">
<%= live_redirect to: Routes.container_show_path(Endpoint, :show, @container), <%= live_redirect to: Routes.container_show_path(Endpoint, :show, @container),

View File

@ -9,7 +9,8 @@ defmodule CanneryWeb.Components.InviteCard do
def invite_card(assigns) do def invite_card(assigns) do
~H""" ~H"""
<div class="mx-4 my-2 px-8 py-4 flex flex-col justify-center items-center space-y-4 <div class="mx-4 my-2 px-8 py-4 flex flex-col justify-center items-center space-y-4
border border-gray-400 rounded-lg shadow-lg hover:shadow-md"> border border-gray-400 rounded-lg shadow-lg hover:shadow-md
transition-all duration-300 ease-in-out">
<h1 class="title text-xl"> <h1 class="title text-xl">
<%= @invite.name %> <%= @invite.name %>
</h1> </h1>

View File

@ -10,7 +10,8 @@ defmodule CanneryWeb.Components.TagCard do
<div <div
id={"tag-#{@tag.id}"} id={"tag-#{@tag.id}"}
class="mx-4 my-2 px-8 py-4 space-x-4 flex justify-center items-center class="mx-4 my-2 px-8 py-4 space-x-4 flex justify-center items-center
border border-gray-400 rounded-lg shadow-lg hover:shadow-md" border border-gray-400 rounded-lg shadow-lg hover:shadow-md
transition-all duration-300 ease-in-out"
> >
<h1 <h1
class="px-4 py-2 rounded-lg title text-xl" class="px-4 py-2 rounded-lg title text-xl"

View File

@ -10,7 +10,8 @@ defmodule CanneryWeb.Components.UserCard do
<div <div
id={"user-#{@user.id}"} id={"user-#{@user.id}"}
class="mx-4 my-2 px-8 py-4 flex flex-col justify-center items-center class="mx-4 my-2 px-8 py-4 flex flex-col justify-center items-center
border border-gray-400 rounded-lg shadow-lg hover:shadow-md" border border-gray-400 rounded-lg shadow-lg hover:shadow-md
transition-all duration-300 ease-in-out"
> >
<h1 class="px-4 py-2 rounded-lg title text-xl"> <h1 class="px-4 py-2 rounded-lg title text-xl">
<%= @user.email %> <%= @user.email %>