Style

lib/chore_tracker_web/components/core_components.ex

@@ -431,7 +431,7 @@ defmodule ChoreTrackerWeb.CoreComponents do
     ~H"""
     <header class={[@actions != [] && "flex items-center justify-between gap-6", @class]}>
       <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) %>
         </h1>
         <p :if={@subtitle != []} class="mt-2 text-sm leading-6 text-zinc-600">

lib/chore_tracker_web/live/chore_live/form_component.ex

@@ -10,7 +10,6 @@ defmodule ChoreTrackerWeb.ChoreLive.FormComponent do
     <div>
       <.header>
         <%= @title %>
-        <:subtitle>Use this form to manage chore records in your database.</:subtitle>
       </.header>
 
       <.simple_form

lib/chore_tracker_web/live/chore_live/index.html.heex

@@ -1,5 +1,5 @@
 <div class="flex justify-between">
-  <h1 class="text-3xl font-bold">
+  <h1 class="text-2xl font-bold">
     Manage chores
   </h1>
   <.link patch={~p"/manage/chores/new"}>

lib/chore_tracker_web/live/chore_live/show.html.heex

@@ -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">
     <span class="text-4xl w-16 h-16 grid place-content-center bg-zinc-100 rounded-2xl">
       <%= @chore.emoji %>
     </span>
-    <h1 class="text-3xl font-bold">
+    <h1 class="text-2xl font-bold">
       <%= @chore.name %>
     </h1>
   </div>
@@ -50,19 +50,23 @@
 
   <div class="col-span-12">
     <p class="text-sm font-medium text-zinc-500 mb-2">Logs</p>
-    <.table id="chore_logs" rows={@chore.logs}>
-      <:col :let={chore_log} label="User"><%= chore_log.user.display_name %></:col>
-      <:col :let={chore_log} label="Execution date">
-        <span class="flex gap-3">
-          <span>
-            <%= chore_log.inserted_at |> Calendar.strftime("%Y-%m-%d") %>
+    <%= if @chore.logs == [] do %>
+      <p>There are no logs</p>
+    <% else %>
+      <.table id="chore_logs" rows={@chore.logs}>
+        <:col :let={chore_log} label="User"><%= chore_log.user.display_name %></:col>
+        <: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>
-            <%= chore_log.inserted_at |> Calendar.strftime("%H:%M") %>
-          </span>
-        </span>
-      </:col>
-    </.table>
+        </:col>
+      </.table>
+    <% end %>
   </div>
 </div>
 

lib/chore_tracker_web/live/overview_live.ex

@@ -5,7 +5,7 @@ defmodule ChoreTrackerWeb.OverviewLive do
 
   def render(assigns) do
     ~H"""
-    <h1 class="text-3xl font-bold">
+    <h1 class="text-2xl font-bold">
       Chores overview
     </h1>