chore: suggestions

cesium · Feb 7, 2025 · 08d0a45 · 08d0a45
1 parent beb8185
commit 08d0a45
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 16 deletions.
diff --git a/lib/safira_web/live/app/wheel_live/components/awards.ex b/lib/safira_web/live/app/wheel_live/components/awards.ex
@@ -9,18 +9,18 @@ defmodule SafiraWeb.App.WheelLive.Components.Awards do
   def awards(assigns) do
     ~H"""
     <table class="w-full">
-      <tr class="border-b-2">
-        <th class="px-4 text-lg text-left">Name</th>
-        <th class="px-4 text-lg text-center">Stock</th>
-        <th class="px-4 text-lg text-center">Max. / Attendee</th>
-        <th class="px-4 text-lg text-right">Probability</th>
+      <tr class="border-b-2 text-md sm:text-lg">
+        <th class="pr-2 text-left">Name</th>
+        <th class="px-4 sm:block hidden text-center">Stock</th>
+        <th class="px-4 text-center">Max. / Attendee</th>
+        <th class="pl-2 text-right">Probability</th>
       </tr>
       <%= for entry <- @entries do %>
-        <tr>
-          <td class="px-4 py-2 font-bold text-left"><%= entry_name(entry) %></td>
-          <td class="px-4 py-2 font-bold text-center"><%= entry_stock(entry) %></td>
+        <tr class="text-sm sm:text-md">
+          <td class="pr-2 py-2 font-bold text-left"><%= entry_name(entry) %></td>
+          <td class="px-4 sm:block hidden py-2 font-bold text-center"><%= entry_stock(entry) %></td>
           <td class="px-4 py-2 text-center"><%= entry.max_per_attendee %></td>
-          <td class="px-4 py-2 text-accent font-bold text-right">
+          <td class="pl-2 py-2 text-accent font-bold text-right">
             <%= format_probability(entry.probability) %>
           </td>
         </tr>

diff --git a/lib/safira_web/live/app/wheel_live/components/latest_wins.ex b/lib/safira_web/live/app/wheel_live/components/latest_wins.ex
@@ -9,16 +9,16 @@ defmodule SafiraWeb.App.WheelLive.Components.LatestWins do
   def latest_wins(assigns) do
     ~H"""
     <table class="w-full">
-      <tr class="border-b-2">
-        <th class="px-4 text-lg text-left"><%= gettext("Attendee") %></th>
-        <th class="px-4 text-lg text-center"><%= gettext("Prize") %></th>
-        <th class="px-4 text-lg text-right"><%= gettext("When") %></th>
+      <tr class="border-b-2 text-md sm:text-lg">
+        <th class="pr-2 text-left"><%= gettext("Attendee") %></th>
+        <th class="px-4 text-center"><%= gettext("Prize") %></th>
+        <th class="pl-2 text-right"><%= gettext("When") %></th>
       </tr>
       <%= for entry <- @entries do %>
-        <tr>
-          <td class="px-4 py-2 font-bold text-left"><%= entry.attendee.user.name %></td>
+        <tr class="text-sm sm:text-md">
+          <td class="pr-2 py-2 font-bold text-left"><%= entry.attendee.user.name %></td>
           <td class="px-4 py-2 text-center"><%= entry_name(entry) %></td>
-          <td class="px-4 py-2 text-accent font-bold text-right">
+          <td class="pl-2 py-2 text-accent font-bold text-right">
             <%= Timex.from_now(entry.inserted_at) %>
           </td>
         </tr>