xiaoyu/topfans
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: HotCategoryBlock grid layout to 4 columns

Browse Source 
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>
This commit is contained in:
zheng020 2026-05-28 12:47:33 +08:00
parent 948f19f180
commit de4b376a87
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/pages/square/components/HotCategoryBlock.vue
View File

@ -147,7 +147,7 @@ defineExpose({
} }
.skeleton-card { .skeleton-card {
width: 48%; width: calc(25% - 12rpx);
margin-bottom: 16rpx; margin-bottom: 16rpx;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
border-radius: 16rpx; border-radius: 16rpx;
@ -200,7 +200,7 @@ defineExpose({
} }
.grid-card { .grid-card {
width: 48%; width: calc(25% - 12rpx);
margin-bottom: 16rpx; margin-bottom: 16rpx;
background: rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.15);
border-radius: 16rpx; border-radius: 16rpx;