From de4b376a87217e30eb689ae24cf679682bd7c457 Mon Sep 17 00:00:00 2001
From: zheng020 <zheng02007@163.com>
Date: Thu, 28 May 2026 12:47:33 +0800
Subject: [PATCH] fix: HotCategoryBlock grid layout to 4 columns
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Change card width from 48% to calc(25% - 12rpx) to achieve
4 columns × 2 rows layout as specified in design docs.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 frontend/pages/square/components/HotCategoryBlock.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/pages/square/components/HotCategoryBlock.vue b/frontend/pages/square/components/HotCategoryBlock.vue
index caae92b..89952f1 100644
--- a/frontend/pages/square/components/HotCategoryBlock.vue
+++ b/frontend/pages/square/components/HotCategoryBlock.vue
@@ -147,7 +147,7 @@ defineExpose({
 }
 
 .skeleton-card {
-  width: 48%;
+  width: calc(25% - 12rpx);
   margin-bottom: 16rpx;
   background: rgba(255, 255, 255, 0.1);
   border-radius: 16rpx;
@@ -200,7 +200,7 @@ defineExpose({
 }
 
 .grid-card {
-  width: 48%;
+  width: calc(25% - 12rpx);
   margin-bottom: 16rpx;
   background: rgba(255, 255, 255, 0.15);
   border-radius: 16rpx;