fix(miniprogram): center-align workbench title and user stack in one row

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
wuzilongandCursor committed 2026-09-12 19:16:04 +08:00
1 parent ec2d0cc2ee
commit 25eeb82db0
1 file changed
+12 -37
+12 -37
View File
@@ -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;