Style
This commit is contained in:
parent
53d0961a1c
commit
db14dbaebd
5 changed files with 21 additions and 18 deletions
|
@ -431,7 +431,7 @@ defmodule ChoreTrackerWeb.CoreComponents do
|
||||||
~H"""
|
~H"""
|
||||||
<header class={[@actions != [] && "flex items-center justify-between gap-6", @class]}>
|
<header class={[@actions != [] && "flex items-center justify-between gap-6", @class]}>
|
||||||
<div>
|
<div>
|
||||||
<h1 class="text-lg font-semibold leading-8 text-zinc-800">
|
<h1 class="text-2xl font-bold leading-8 text-zinc-800">
|
||||||
<%= render_slot(@inner_block) %>
|
<%= render_slot(@inner_block) %>
|
||||||
</h1>
|
</h1>
|
||||||
<p :if={@subtitle != []} class="mt-2 text-sm leading-6 text-zinc-600">
|
<p :if={@subtitle != []} class="mt-2 text-sm leading-6 text-zinc-600">
|
||||||
|
|
|
@ -10,7 +10,6 @@ defmodule ChoreTrackerWeb.ChoreLive.FormComponent do
|
||||||
<div>
|
<div>
|
||||||
<.header>
|
<.header>
|
||||||
<%= @title %>
|
<%= @title %>
|
||||||
<:subtitle>Use this form to manage chore records in your database.</:subtitle>
|
|
||||||
</.header>
|
</.header>
|
||||||
|
|
||||||
<.simple_form
|
<.simple_form
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<div class="flex justify-between">
|
<div class="flex justify-between">
|
||||||
<h1 class="text-3xl font-bold">
|
<h1 class="text-2xl font-bold">
|
||||||
Manage chores
|
Manage chores
|
||||||
</h1>
|
</h1>
|
||||||
<.link patch={~p"/manage/chores/new"}>
|
<.link patch={~p"/manage/chores/new"}>
|
||||||
|
|
|
@ -1,9 +1,9 @@
|
||||||
<header class="flex justify-between mb-6">
|
<header class="flex justify-between mb-12">
|
||||||
<div class="flex gap-4 items-center flex-wrap">
|
<div class="flex gap-4 items-center flex-wrap">
|
||||||
<span class="text-4xl w-16 h-16 grid place-content-center bg-zinc-100 rounded-2xl">
|
<span class="text-4xl w-16 h-16 grid place-content-center bg-zinc-100 rounded-2xl">
|
||||||
<%= @chore.emoji %>
|
<%= @chore.emoji %>
|
||||||
</span>
|
</span>
|
||||||
<h1 class="text-3xl font-bold">
|
<h1 class="text-2xl font-bold">
|
||||||
<%= @chore.name %>
|
<%= @chore.name %>
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
|
@ -50,19 +50,23 @@
|
||||||
|
|
||||||
<div class="col-span-12">
|
<div class="col-span-12">
|
||||||
<p class="text-sm font-medium text-zinc-500 mb-2">Logs</p>
|
<p class="text-sm font-medium text-zinc-500 mb-2">Logs</p>
|
||||||
<.table id="chore_logs" rows={@chore.logs}>
|
<%= if @chore.logs == [] do %>
|
||||||
<:col :let={chore_log} label="User"><%= chore_log.user.display_name %></:col>
|
<p>There are no logs</p>
|
||||||
<:col :let={chore_log} label="Execution date">
|
<% else %>
|
||||||
<span class="flex gap-3">
|
<.table id="chore_logs" rows={@chore.logs}>
|
||||||
<span>
|
<:col :let={chore_log} label="User"><%= chore_log.user.display_name %></:col>
|
||||||
<%= chore_log.inserted_at |> Calendar.strftime("%Y-%m-%d") %>
|
<:col :let={chore_log} label="Execution date">
|
||||||
|
<span class="flex gap-3">
|
||||||
|
<span>
|
||||||
|
<%= chore_log.inserted_at |> Calendar.strftime("%Y-%m-%d") %>
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<%= chore_log.inserted_at |> Calendar.strftime("%H:%M") %>
|
||||||
|
</span>
|
||||||
</span>
|
</span>
|
||||||
<span>
|
</:col>
|
||||||
<%= chore_log.inserted_at |> Calendar.strftime("%H:%M") %>
|
</.table>
|
||||||
</span>
|
<% end %>
|
||||||
</span>
|
|
||||||
</:col>
|
|
||||||
</.table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -5,7 +5,7 @@ defmodule ChoreTrackerWeb.OverviewLive do
|
||||||
|
|
||||||
def render(assigns) do
|
def render(assigns) do
|
||||||
~H"""
|
~H"""
|
||||||
<h1 class="text-3xl font-bold">
|
<h1 class="text-2xl font-bold">
|
||||||
Chores overview
|
Chores overview
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue