优化设计图纸布局:立面图/剖面图单列展示,总平面/平面图高度增加25%

This commit is contained in:
2026-06-03 00:18:55 +08:00
parent 92afe8d88c
commit cbb655274b
2 changed files with 98 additions and 18 deletions

View File

@@ -1201,6 +1201,86 @@ body {
height: auto;
}
/* ========================================
设计图纸 - 单列布局样式
======================================== */
/* 总平面图和一层平面图 - 高度增加三分之一 */
.drawing-full.enlarged {
max-height: 100vh !important; /* 从80vh增加到100vh约增加25% */
}
.drawing-full.enlarged img {
max-height: 100vh !important;
}
/* 单列布局容器 */
.single-column-layout {
display: flex;
flex-direction: column;
gap: var(--spacing-lg);
}
/* 全宽卡片 */
.full-width-card {
width: 100%;
max-width: none;
}
/* 全宽图片容器 */
.drawing-img.wide-full {
height: auto;
min-height: 500px;
max-height: 70vh;
}
.drawing-img.wide-full img {
width: 100%;
height: auto;
max-height: 70vh;
object-fit: contain;
background: #FFFFFF;
}
/* 响应式调整 */
@media (max-width: 1024px) {
.drawing-full.enlarged {
max-height: 80vh !important;
}
.drawing-full.enlarged img {
max-height: 80vh !important;
}
.drawing-img.wide-full {
min-height: 400px;
max-height: 60vh;
}
.drawing-img.wide-full img {
max-height: 60vh;
}
}
@media (max-width: 768px) {
.drawing-full.enlarged {
max-height: 60vh !important;
}
.drawing-full.enlarged img {
max-height: 60vh !important;
}
.drawing-img.wide-full {
min-height: 300px;
max-height: 50vh;
}
.drawing-img.wide-full img {
max-height: 50vh;
}
}
/* ========================================
响应式调整
======================================== */