fix(miniprogram): center-align workbench title and user stack in one row
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
1 parent
ec2d0cc2ee
commit
25eeb82db0
1 file changed
+12
-37
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user