fix: reviewed changes

Author: gxnca

lib/atomic_web/live/partner_live/form_component.ex

@@ -4,6 +4,7 @@ defmodule AtomicWeb.PartnerLive.FormComponent do
   alias Atomic.Partners
   alias AtomicWeb.Components.ImageUploader
   import AtomicWeb.Components.Forms
+  import ImageUploader
 
   @impl true
   def render(assigns) do
@@ -38,7 +39,7 @@ defmodule AtomicWeb.PartnerLive.FormComponent do
             <p class="atomic-form-help-text pb-4">{gettext("The image of the partner (960x960px for best display)")}</p>
           </div>
           <div>
-            <.live_component module={ImageUploader} id="uploader" uploads={@uploads} target={@myself} />
+            <.image_uploader id="uploader" upload={@uploads.image} class="h-32 w-full border border-zinc-300 shadow-sm xl:h-64" image_class="h-32 w-full object-cover xl:h-64" />
           </div>
         </div>
         <h2 class="mt-8 mb-2 w-full border-b pb-2 text-lg font-semibold text-zinc-900">{gettext("Internal")}</h2>

lib/atomic_web/live/partner_live/show.html.heex

@@ -14,7 +14,7 @@
         <div class="flex flex-col items-center px-2 lg:justify-none">
           <.avatar class="size-28" color={:light_zinc} name={@partner.name} src={Uploaders.PartnerImage.url({@partner.image, @partner}, :original)} type={:company} size={:xl} />
         </div>
-        <div class="flex w-full flex-col gap-7">
+        <div class="flex w-full flex-col gap-5">
           <div class="flex w-full items-start">
             <p class="text-wrap flex flex-1 items-center truncate text-center text-2xl font-bold text-gray-900 sm:text-left lg:py-1">
               {@partner.name}
@@ -31,7 +31,7 @@
             <% end %>
           </div>
           <div class="grid h-fit w-auto gap-y-2 lg:w-full">
-            <div class="my-0 grid gap-y-2 lg:gap-y-0">
+            <div class="my-0 grid gap-y-2">
               <%= if @partner.location do %>
                 <div class="flex items-center">
                   <.icon name="hero-map-pin" class="h-5 w-5 text-zinc-400" />