diff --git a/frontend/src/styles/mobile-seller.css b/frontend/src/styles/mobile-seller.css index 0a2c025..910e7b8 100644 --- a/frontend/src/styles/mobile-seller.css +++ b/frontend/src/styles/mobile-seller.css @@ -173,6 +173,11 @@ display: none; } +.mobile-seller-host .seller-form-layout { + grid-template-columns: 1fr; + gap: 16px; +} + .mobile-seller-host .seller-summary { position: static; } diff --git a/frontend/src/styles/seller.css b/frontend/src/styles/seller.css index c1f2e22..82b9fdd 100644 --- a/frontend/src/styles/seller.css +++ b/frontend/src/styles/seller.css @@ -658,7 +658,7 @@ button.seller-code:not(:disabled):hover { /* 发布页:主表单 + 右侧悬浮价格栏 */ .seller-form-page { - max-width: 1240px; + max-width: 1280px; } .seller-draft-status { @@ -671,11 +671,11 @@ button.seller-code:not(:disabled):hover { margin-bottom: 16px; } -/* 发布页:主体占满内容宽度,结算栏在大屏时独立到右侧留白 */ +/* 发布页:主体与结算栏始终两栏,价格卡固定在右侧 */ .seller-form-layout { display: grid; - grid-template-columns: minmax(0, 1fr); - gap: 24px; + grid-template-columns: minmax(0, 1fr) 320px; + gap: 20px; } .seller-form-main { @@ -689,18 +689,6 @@ button.seller-code:not(:disabled):hover { margin-left: auto; } -@media (min-width: 1920px) { - .seller-form-layout { - grid-template-columns: minmax(0, 1fr) 320px; - gap: 20px; - margin-right: -340px; - } - - .seller-form-aside { - max-width: none; - } -} - /* 点选式选项,替代下拉框 */ .seller-pill-group { display: flex; @@ -839,10 +827,6 @@ button.seller-code:not(:disabled):hover { } @media (max-width: 1100px) { - .seller-form-layout { - grid-template-columns: 1fr; - } - .seller-stat-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); } @@ -855,12 +839,6 @@ button.seller-code:not(:disabled):hover { width: 100%; min-width: 0; } - - .seller-summary { - position: static; - max-height: none; - overflow: visible; - } } @media (max-width: 768px) {