isaacclad/ladill-mini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move vendor name under bare Mini launcher on mobile checkout.
Deploy Ladill Mini / deploy (push) Successful in 45s
Details

Browse Source 
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>
This commit is contained in:
isaacclad
2026-06-07 20:37:44 +00:00
co-authored by Cursor
parent 63d675fee2
commit d0bbe7ad99
1 changed files with 12 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/public/qr/payment-landing.blade.php
+12 -19
View File
@@ -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>