james/vmall
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(mall): prevent floor grid columns from overflowing container

Browse Source 
`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>
This commit is contained in:
Chengdong Zhang
2026-09-22 16:08:35 +08:00
co-authored by Claude Sonnet 5
parent 8446650baf
commit 13cd598a45
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/mall/pages/index.vue
+2 -1
View File
@@ -194,8 +194,9 @@ const visibleFloors = computed(() => floors.value ?? []);
} }
.floor-grid { .floor-grid {
flex: 1; flex: 1;
min-width: 0;
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1px; gap: 1px;
background: var(--mall-line); background: var(--mall-line);
} }