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

Simplify customer display branding on empty cart.
Deploy Ladill POS / deploy (push) Successful in 42s
Details

Browse Source 
Drop the centered idle logo and render the header logo without a card
so brand marks stay clean and uncluttered.
This commit is contained in:
isaacclad
2026-07-15 16:34:31 +00:00
parent aed0722641
commit 689c9924df
1 changed files with 7 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/pos/customer-display.blade.php
+7 -14
View File
@@ -34,14 +34,14 @@
<header class="flex items-center justify-between gap-4 border-b border-slate-200/80 bg-white/80 px-6 py-4 backdrop-blur-sm sm:px-10"> <header class="flex items-center justify-between gap-4 border-b border-slate-200/80 bg-white/80 px-6 py-4 backdrop-blur-sm sm:px-10">
<div class="flex min-w-0 items-center gap-3"> <div class="flex min-w-0 items-center gap-3">
<template x-if="state.brand?.logo_url"> <template x-if="state.brand?.logo_url">
<div class="flex shrink-0 items-center rounded-xl bg-white px-3 py-2 shadow-sm ring-1 ring-slate-200/80"> <img :src="state.brand.logo_url"
<img :src="state.brand.logo_url" :alt="state.location_name || 'Store'"
:alt="state.location_name || 'Store'" class="h-8 w-auto max-w-[220px] shrink-0 object-contain object-left sm:h-9 sm:max-w-[240px]">
class="h-9 w-auto max-w-[200px] object-contain object-left sm:h-10 sm:max-w-[240px]">
</div>
</template> </template>
<div class="min-w-0"> <div class="min-w-0" x-show="!state.brand?.logo_url || state.brand?.header">
<p class="truncate text-lg font-semibold tracking-tight text-slate-900" x-text="state.location_name"></p> <p class="truncate text-lg font-semibold tracking-tight text-slate-900"
x-show="!state.brand?.logo_url"
x-text="state.location_name"></p>
<p class="truncate text-xs text-slate-500" x-show="state.brand?.header" x-text="state.brand.header"></p> <p class="truncate text-xs text-slate-500" x-show="state.brand?.header" x-text="state.brand.header"></p>
</div> </div>
</div> </div>
@@ -54,13 +54,6 @@
{{-- IDLE / PROMO --}} {{-- IDLE / PROMO --}}
<section x-show="isPhase('idle') || isPhase('promo')" x-cloak <section x-show="isPhase('idle') || isPhase('promo')" x-cloak
class="flex flex-1 flex-col items-center justify-center gap-6 px-8 text-center"> class="flex flex-1 flex-col items-center justify-center gap-6 px-8 text-center">
<template x-if="state.promo?.image_url">
<div class="flex items-center justify-center rounded-3xl bg-white px-8 py-6 shadow-sm ring-1 ring-slate-200/80">
<img :src="state.promo.image_url"
alt=""
class="h-24 w-auto max-h-28 max-w-[280px] object-contain sm:h-28 sm:max-w-[320px]">
</div>
</template>
<div class="max-w-xl"> <div class="max-w-xl">
<p class="text-sm font-semibold uppercase tracking-wider text-indigo-600">Welcome</p> <p class="text-sm font-semibold uppercase tracking-wider text-indigo-600">Welcome</p>
<h1 class="mt-3 text-4xl font-bold tracking-tight text-slate-900 sm:text-5xl" <h1 class="mt-3 text-4xl font-bold tracking-tight text-slate-900 sm:text-5xl"