diff --git a/miniprogram/styles/mp-shell.scss b/miniprogram/styles/mp-shell.scss index 61eee2c47..5e8fd91d7 100644 --- a/miniprogram/styles/mp-shell.scss +++ b/miniprogram/styles/mp-shell.scss @@ -48,37 +48,31 @@ page { padding-bottom: 48rpx; } -/* 工作台:恢复绿色渐变大头;容器不预留胶囊,用户行可真正右对齐 */ +/* 工作台:绿色渐变;左右两列上下居中;右侧用户区不受胶囊列挤压 */ .mp-header--workbench { padding-top: calc(72rpx + var(--sq-safe-top, env(safe-area-inset-top, 0px))); padding-right: 32rpx; padding-bottom: 56rpx; padding-left: 32rpx; - min-height: calc(280rpx + var(--sq-safe-top, 0px)); + min-height: calc(240rpx + var(--sq-safe-top, 0px)); box-sizing: border-box; } -.mp-header__title-row { +.mp-header__body { display: flex; flex-direction: row; align-items: center; - gap: 20rpx; - min-width: 0; - padding-right: var(--sq-capsule-right-safe, 96px); + justify-content: space-between; + gap: 24rpx; + width: 100%; box-sizing: border-box; } -.mp-header__logo { - width: 72rpx; - height: 72rpx; - flex-shrink: 0; - border-radius: 12rpx; - background: rgba(255, 255, 255, 0.18); -} - .mp-header__titles { flex: 1; min-width: 0; + padding-right: var(--sq-capsule-right-safe, 96px); + box-sizing: border-box; } .mp-header__main { @@ -104,37 +98,19 @@ page { text-align: left; } -.mp-header__user-row { - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-end; - width: 100%; - margin-top: 28rpx; - box-sizing: border-box; -} - .mp-header__user-stack { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; - gap: 8rpx; + gap: 12rpx; flex-shrink: 0; - max-width: 70%; - text-align: right; - margin-left: auto; -} - -.mp-header__welcome { - font-size: 22rpx; - line-height: 1.3; - opacity: 0.9; + max-width: 48%; text-align: right; } -.mp-header__user-name { - font-size: 28rpx; +.mp-header__user-line { + font-size: 26rpx; font-weight: 600; line-height: 1.3; max-width: 100%; @@ -145,7 +121,6 @@ page { } .mp-header__logout { - margin-top: 4rpx; font-size: 22rpx; line-height: 1.3; padding: 6rpx 16rpx;