fix: labels from user profile

Author: enricoprazeres

lib/safira_web/components/forms.ex

@@ -343,7 +343,7 @@ defmodule SafiraWeb.Components.Forms do
 
   # All other inputs: text, datetime-local, url, password, etc.
   def field(assigns) do
-    assigns = assign(assigns, class: [assigns.class, get_class_for_type(assigns.type)])
+    assigns = assign(assigns, class: [get_class_for_type(assigns.type), assigns.class])
 
     ~H"""
     <.field_wrapper errors={@errors} name={@name} class={@wrapper_class}>
@@ -379,8 +379,8 @@ defmodule SafiraWeb.Components.Forms do
       phx-feedback-for={@name}
       {@rest}
       class={[
-        @class,
         "safira-form-field-wrapper",
+        @class,
         @errors != [] && "safira-form-field-wrapper--error"
       ]}
     >

lib/safira_web/live/auth/components/user_profile_settings.html.heex

@@ -22,34 +22,34 @@
           </:placeholder>
         </.image_uploader>
       </div>
-      <div class="flex flex-col w-full mt-[0px]">
+      <div class="flex flex-col w-full">
         <div class="flex flex-col md:flex-row md:gap-x-8">
           <div>
             <.field
               field={@profile_form[:name]}
               type="text"
               label="Name"
               required
-              class={if @in_app?, do: "bg-blue-900/10 text-white border-white", else: ""}
-              label_class={if @in_app?, do: "text-white", else: ""}
+              class={if @in_app?, do: "bg-blue-900/10! text-white! border-white!", else: ""}
+              label_class={if @in_app?, do: "text-white!", else: ""}
             />
 
             <.field
               field={@profile_form[:handle]}
               type="text"
               label="Username"
               required
-              class={if @in_app?, do: "bg-blue-900/10 text-white border-white", else: ""}
-              label_class={if @in_app?, do: "text-white", else: ""}
+              class={if @in_app?, do: "bg-blue-900/10! text-white! border-white!", else: ""}
+              label_class={if @in_app?, do: "text-white!", else: ""}
             />
 
             <.field
               field={@profile_form[:email]}
               type="text"
               label="Email"
               required
-              class={if @in_app?, do: "bg-blue-900/10 text-white border-white", else: ""}
-              label_class={if @in_app?, do: "text-white", else: ""}
+              class={if @in_app?, do: "bg-blue-900/10! text-white! border-white!", else: ""}
+              label_class={if @in_app?, do: "text-white!", else: ""}
             />
           </div>
 
@@ -58,16 +58,16 @@
               field={@profile_form[:password]}
               type="password"
               label="New password"
-              class={if @in_app?, do: "bg-blue-900/10 text-white border-white", else: ""}
-              label_class={if @in_app?, do: "text-white", else: ""}
+              class={if @in_app?, do: "bg-blue-900/10! text-white! border-white!", else: ""}
+              label_class={if @in_app?, do: "text-white!", else: ""}
             />
 
             <.field
               field={@profile_form[:password_confirmation]}
               type="password"
               label="Repeat New Password"
-              class={if @in_app?, do: "bg-blue-900/10 text-white border-white", else: ""}
-              label_class={if @in_app?, do: "text-white", else: ""}
+              class={if @in_app?, do: "bg-blue-900/10! text-white! border-white!", else: ""}
+              label_class={if @in_app?, do: "text-white!", else: ""}
             />
 
             <.field
@@ -76,8 +76,8 @@
               type="password"
               label="Current Password"
               required={@profile_form[:password].value not in [nil, ""]}
-              class={if @in_app?, do: "bg-blue-900/10 text-white border-white", else: ""}
-              label_class={if @in_app?, do: "text-white", else: ""}
+              class={if @in_app?, do: "bg-blue-900/10! text-white! border-white!", else: ""}
+              label_class={if @in_app?, do: "text-white!", else: ""}
             />
           </div>
         </div>
@@ -108,14 +108,14 @@
         type="text"
         label="Email"
         required
-        label_class={if @in_app?, do: "text-white", else: ""}
+        label_class={if @in_app?, do: "text-white!", else: ""}
       />
 
       <.field
         field={@new_user_session_form[:password]}
         type="password"
         label="New password"
-        label_class={if @in_app?, do: "text-white", else: ""}
+        label_class={if @in_app?, do: "text-white!", else: ""}
       />
     </.simple_form>
   </div>