From 689c9924df8755a3ae6734250e988532a9f3fb5b Mon Sep 17 00:00:00 2001
From: isaacclad <sense.corporate@gmail.com>
Date: Wed, 15 Jul 2026 16:34:31 +0000
Subject: [PATCH] Simplify customer display branding on empty cart.

Drop the centered idle logo and render the header logo without a card
so brand marks stay clean and uncluttered.
---
 .../views/pos/customer-display.blade.php      | 21 +++++++------------
 1 file changed, 7 insertions(+), 14 deletions(-)

diff --git a/resources/views/pos/customer-display.blade.php b/resources/views/pos/customer-display.blade.php
index 2cecdf3..9a39e98 100644
--- a/resources/views/pos/customer-display.blade.php
+++ b/resources/views/pos/customer-display.blade.php
@@ -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">
             <div class="flex min-w-0 items-center gap-3">
                 <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"
-                             :alt="state.location_name || 'Store'"
-                             class="h-9 w-auto max-w-[200px] object-contain object-left sm:h-10 sm:max-w-[240px]">
-                    </div>
+                    <img :src="state.brand.logo_url"
+                         :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]">
                 </template>
-                <div class="min-w-0">
-                    <p class="truncate text-lg font-semibold tracking-tight text-slate-900" x-text="state.location_name"></p>
+                <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-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>
                 </div>
             </div>
@@ -54,13 +54,6 @@
             {{-- IDLE / PROMO --}}
             <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">
-                <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">
                     <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"