From d0bbe7ad990d3c170f64a2815aae124337d0124d Mon Sep 17 00:00:00 2001
From: isaacclad <sense.corporate@gmail.com>
Date: Sun, 7 Jun 2026 20:37:44 +0000
Subject: [PATCH] Move vendor name under bare Mini launcher on mobile checkout.

Remove the icon card, enlarge the launcher, and keep amount entry in the half-height bottom sheet only.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../views/public/qr/payment-landing.blade.php | 31 +++++++------------
 1 file changed, 12 insertions(+), 19 deletions(-)

diff --git a/resources/views/public/qr/payment-landing.blade.php b/resources/views/public/qr/payment-landing.blade.php
index 8915f34..4ca6f7d 100644
--- a/resources/views/public/qr/payment-landing.blade.php
+++ b/resources/views/public/qr/payment-landing.blade.php
@@ -56,33 +56,26 @@
           }
       }">
 
-    {{-- Mobile: Ladill Mini header + half-height payment sheet --}}
+    {{-- Mobile: Ladill Mini branding above + half-height payment sheet --}}
     <div class="md:hidden relative min-h-screen bg-slate-50">
-        <header class="flex items-center justify-center px-4 pb-2 pt-[max(0.75rem,env(safe-area-inset-top))]">
-            <span class="flex h-10 w-10 items-center justify-center rounded-xl bg-white shadow-sm ring-1 ring-slate-200/80">
-                <img src="{{ asset('images/launcher-icons/mini.svg') }}?v={{ @filemtime(public_path('images/launcher-icons/mini.svg')) ?: '1' }}"
-                     alt="Ladill Mini" class="h-6 w-6 object-contain">
-            </span>
-        </header>
+        <div class="flex flex-col items-center justify-end px-6 pb-8 text-center"
+             style="height: 50dvh; min-height: 12rem; padding-top: max(2.5rem, env(safe-area-inset-top))">
+            <img src="{{ asset('images/launcher-icons/mini.svg') }}?v={{ @filemtime(public_path('images/launcher-icons/mini.svg')) ?: '1' }}"
+                 alt="Ladill Mini" class="h-14 w-14 object-contain">
+            <h1 class="mt-4 text-xl font-bold text-slate-900">{{ $businessName }}</h1>
+            @if(!empty($content['branch_label']))
+                <p class="mt-1 text-sm text-slate-500">{{ $content['branch_label'] }}</p>
+            @endif
+        </div>
 
         <div class="fixed inset-x-0 bottom-0 z-10 flex flex-col overflow-hidden rounded-t-3xl border-t border-slate-200/80 bg-white shadow-[0_-12px_40px_rgba(15,23,42,0.12)]"
              style="height: 50dvh; min-height: 22rem; padding-bottom: env(safe-area-inset-bottom, 0px)">
             <div class="mx-auto mt-3 h-1 w-10 shrink-0 rounded-full bg-slate-200"></div>
 
             <div class="flex min-h-0 flex-1 flex-col overflow-y-auto px-5 pb-5 pt-4">
-                <div class="text-center">
-                    @if(!empty($content['logo_path']))
-                        <img src="{{ route('qr.public.payment.logo', $qrCode->short_code) }}" alt="" class="mx-auto h-12 w-12 rounded-xl object-cover shadow-sm">
-                    @endif
-                    <h1 class="mt-3 text-lg font-bold text-slate-900">{{ $businessName }}</h1>
-                    @if(!empty($content['branch_label']))
-                        <p class="mt-0.5 text-sm text-slate-500">{{ $content['branch_label'] }}</p>
-                    @endif
-                </div>
+                <div x-show="errorMsg" x-cloak class="rounded-xl bg-red-50 px-4 py-3 text-sm text-red-700" x-text="errorMsg"></div>
 
-                <div x-show="errorMsg" x-cloak class="mt-4 rounded-xl bg-red-50 px-4 py-3 text-sm text-red-700" x-text="errorMsg"></div>
-
-                <div class="mt-5 flex min-h-0 flex-1 flex-col justify-end">
+                <div class="flex min-h-0 flex-1 flex-col justify-end" :class="errorMsg ? 'mt-4' : ''">
                     <label for="amount-mobile" class="sr-only">Amount ({{ $currency }})</label>
                     <div class="relative">
                         <span class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-4 text-lg font-semibold text-slate-400">{{ $currency }}</span>