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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user