style: remove user page full height constraint
This commit is contained in:
@@ -251,14 +251,10 @@ const handleMenuTap = (item: any) => {
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.user-page {
|
.user-page {
|
||||||
height: 100vh;
|
min-height: 100vh;
|
||||||
overflow: hidden;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
background: #fff;
|
background: #fff;
|
||||||
color: #111827;
|
color: #111827;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-toolbar {
|
.user-toolbar {
|
||||||
@@ -403,16 +399,10 @@ const handleMenuTap = (item: any) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.user-content {
|
.user-content {
|
||||||
flex: 1;
|
|
||||||
min-height: 0;
|
|
||||||
padding: 0 24rpx;
|
padding: 0 24rpx;
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-section {
|
.user-section {
|
||||||
flex: 1;
|
|
||||||
min-height: 0;
|
|
||||||
margin-bottom: 12rpx;
|
margin-bottom: 12rpx;
|
||||||
padding: 14rpx 10rpx 10rpx;
|
padding: 14rpx 10rpx 10rpx;
|
||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
@@ -420,8 +410,6 @@ const handleMenuTap = (item: any) => {
|
|||||||
background: #fff;
|
background: #fff;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
box-shadow: 0 8rpx 28rpx rgba(23, 40, 75, 0.04);
|
box-shadow: 0 8rpx 28rpx rgba(23, 40, 75, 0.04);
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
&__title {
|
&__title {
|
||||||
display: block;
|
display: block;
|
||||||
@@ -438,11 +426,9 @@ const handleMenuTap = (item: any) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.user-benefits {
|
.user-benefits {
|
||||||
flex: 0 0 auto;
|
|
||||||
padding-bottom: 12rpx;
|
padding-bottom: 12rpx;
|
||||||
|
|
||||||
&__grid {
|
&__grid {
|
||||||
flex: 0 0 124rpx;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 10rpx;
|
gap: 10rpx;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
@@ -545,11 +531,9 @@ const handleMenuTap = (item: any) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.user-list {
|
.user-list {
|
||||||
flex: 1;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 4rpx;
|
gap: 4rpx;
|
||||||
justify-content: space-between;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
&__item {
|
&__item {
|
||||||
|
|||||||
Reference in New Issue
Block a user