isaaccladandCursor
f405217a33
Deploy Ladill Mini / deploy (push) Successful in 25s
Amount entry slides up from the bottom on mobile; Paystack opens in a Ladill Mini sheet on mobile and a centered modal on desktop instead of leaving the site. Co-authored-by: Cursor <cursoragent@cursor.com>
19 lines
1.1 KiB
PHP
19 lines
1.1 KiB
PHP
<div class="relative shrink-0 border-b border-slate-100 px-4 pb-3 pt-3">
|
|
<div class="absolute left-1/2 top-2 h-1 w-10 -translate-x-1/2 rounded-full bg-slate-200 md:hidden"></div>
|
|
<div class="flex items-center justify-between gap-3 pt-2 md:pt-0">
|
|
<div class="flex min-w-0 items-center gap-2.5">
|
|
<img src="{{ asset('images/logo/ladillmini-logo.svg') }}?v={{ @filemtime(public_path('images/logo/ladillmini-logo.svg')) ?: '1' }}"
|
|
alt="Ladill Mini" class="h-5 w-auto shrink-0">
|
|
<p class="truncate text-sm font-semibold text-slate-800">Complete payment</p>
|
|
</div>
|
|
<button type="button"
|
|
@click="showSheet = false"
|
|
class="shrink-0 rounded-full p-1.5 text-slate-400 transition hover:bg-slate-100 hover:text-slate-700"
|
|
aria-label="Close">
|
|
<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|