From 8b877e7edecb038c2c4ab8b2389c06b0816e10c9 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Mon, 23 Dec 2024 17:08:44 +0000
Subject: [PATCH] Shrink input text size at smallest viewport

---
 lib/music_library_web/components/core_components.ex      | 8 ++++----
 lib/music_library_web/live/record_live/form_component.ex | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/lib/music_library_web/components/core_components.ex b/lib/music_library_web/components/core_components.ex
index fe3ab760..f204358c 100644
--- a/lib/music_library_web/components/core_components.ex
+++ b/lib/music_library_web/components/core_components.ex
@@ -319,7 +319,7 @@ defmodule MusicLibraryWeb.CoreComponents do
 
     ~H"""
     <div>
-      <label class="flex items-center gap-4 text-sm leading-6 text-zinc-600">
+      <label class="flex items-center gap-4 text-xs sm:text-sm leading-6 text-zinc-600">
         <input type="hidden" name={@name} value="false" disabled={@rest[:disabled]} />
         <input
           type="checkbox"
@@ -350,7 +350,7 @@ defmodule MusicLibraryWeb.CoreComponents do
           "bg-white shadow-sm dark:bg-zinc-800",
           "ring-1 ring-inset focus:z-10 focus:ring-2 focus:ring-inset",
           "focus:border-zinc-400 focus:ring-zinc-400 dark:focus:ring-zinc-300 focus:ring-0",
-          "sm:text-sm",
+          "text-xs sm:text-sm",
           "text-zinc-900 dark:text-zinc-200",
           "ring-zinc-200 dark:ring-zinc-400",
           "placeholder:text-zinc-400 dark:placeholder:text-zinc-400"
@@ -374,7 +374,7 @@ defmodule MusicLibraryWeb.CoreComponents do
         id={@id}
         name={@name}
         class={[
-          "mt-2 block w-full rounded-lg text-zinc-900 focus:ring-0 sm:text-sm sm:leading-6 min-h-[6rem]",
+          "mt-2 block w-full rounded-lg text-zinc-900 focus:ring-0 text-xs sm:text-sm sm:leading-6 min-h-[6rem]",
           @errors == [] && "border-zinc-300 focus:border-zinc-400",
           @errors != [] && "border-rose-400 focus:border-rose-400"
         ]}
@@ -401,7 +401,7 @@ defmodule MusicLibraryWeb.CoreComponents do
           "bg-white shadow-sm dark:bg-zinc-800",
           "ring-1 ring-inset focus:z-10 focus:ring-2 focus:ring-inset",
           "focus:border-zinc-400 focus:ring-zinc-400 dark:focus:ring-zinc-300 focus:ring-0",
-          "sm:text-sm",
+          "text-xs sm:text-sm",
           "text-zinc-900 dark:text-zinc-200",
           "ring-zinc-200 dark:ring-zinc-400",
           "placeholder:text-zinc-400 dark:placeholder:text-zinc-400",
diff --git a/lib/music_library_web/live/record_live/form_component.ex b/lib/music_library_web/live/record_live/form_component.ex
index fad5b4e4..6ad645e7 100644
--- a/lib/music_library_web/live/record_live/form_component.ex
+++ b/lib/music_library_web/live/record_live/form_component.ex
@@ -58,7 +58,7 @@ defmodule MusicLibraryWeb.RecordLive.FormComponent do
           </.label>
           <span
             :if={@uploads.cover_data.entries == []}
-            class="float-right text-zinc-700 dark:text-zinc-400"
+            class="text-xs sm:text-sm float-right text-zinc-700 dark:text-zinc-400"
           >
             {gettext("No cover selected")}
           </span>
@@ -66,7 +66,7 @@ defmodule MusicLibraryWeb.RecordLive.FormComponent do
             <span class="float-right text-zinc-700 dark:text-zinc-400">{entry.progress}%</span>
           <% end %>
           <.live_file_input
-            class="mt-2 block w-full rounded-lg text-zinc-900 dark:text-zinc-200 focus:ring-0 sm:text-sm sm:leading-6"
+            class="mt-2 block w-full rounded-lg text-zinc-900 dark:text-zinc-200 focus:ring-0 text-xs sm:text-sm sm:leading-6"
             upload={@uploads.cover_data}
           />
         </div>