Fix Bug #568: 修复门诊日结页面排版混乱 - 固定4列网格并调整标签宽度

根因:auto-fit在宽屏下创建超过4列导致span-2错乱,标签宽度不足
修复:使用repeat(4, 1fr)固定4列,标签min-width调整为120px

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-05-22 12:08:20 +08:00
parent 44f0c2571e
commit 858f5f946a

View File

@@ -297,7 +297,7 @@ getPharmacyCabinetLists();
align-items: center;
}
.cols-4 {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-template-columns: repeat(4, 1fr);
}
.span-2 {
grid-column: span 2;
@@ -309,7 +309,7 @@ getPharmacyCabinetLists();
min-width: 0;
}
.label {
min-width: 100px;
min-width: 120px;
flex-shrink: 0;
color: #606266;
white-space: nowrap;