From 13cd598a45766ab7eff4bf8f46e45feb87628b5b Mon Sep 17 00:00:00 2001
From: Chengdong Zhang <chengdzhang@ebay.com>
Date: Tue, 22 Sep 2026 16:08:35 +0800
Subject: [PATCH] fix(mall): prevent floor grid columns from overflowing
 container

`min-width: 0` on the flex item and `minmax(0, 1fr)` columns stop the
grid tracks from growing past their content and overflowing the
floor-grid's flex container.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 apps/mall/pages/index.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/mall/pages/index.vue b/apps/mall/pages/index.vue
index b92f6c6..cf0ca24 100644
--- a/apps/mall/pages/index.vue
+++ b/apps/mall/pages/index.vue
@@ -194,8 +194,9 @@ const visibleFloors = computed(() => floors.value ?? []);
 }
 .floor-grid {
   flex: 1;
+  min-width: 0;
   display: grid;
-  grid-template-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 1px;
   background: var(--mall-line);
 }