feat 样式整改
This commit is contained in:
@@ -36,32 +36,34 @@ onMounted(() => {
|
||||
|
||||
<style lang="less" scoped>
|
||||
.profile {
|
||||
min-height: 737px;
|
||||
background: @profile-page-bg;
|
||||
min-height: 100%;
|
||||
padding-bottom: @spacing-page-bottom;
|
||||
background: @bg-color;
|
||||
|
||||
&__container {
|
||||
padding: 24px 16px 0 10px;
|
||||
padding-top: @spacing-lg;
|
||||
}
|
||||
|
||||
&__body {
|
||||
.flex(row, flex-start, stretch);
|
||||
gap: @spacing-lg;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&__aside {
|
||||
.flex(column, flex-start, stretch);
|
||||
gap: 16px;
|
||||
flex: 0 0 156px;
|
||||
width: 156px;
|
||||
gap: @spacing-base;
|
||||
flex: 0 0 200px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
&__main {
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
min-height: 534px;
|
||||
margin-left: 10px;
|
||||
padding: 26px 28px 22px;
|
||||
border-radius: @radius-lg;
|
||||
min-height: 480px;
|
||||
margin-left: 0;
|
||||
padding: @spacing-lg @spacing-xl;
|
||||
border-radius: @radius-base;
|
||||
background: @white;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user