用户信息显示优化
This commit is contained in:
@@ -662,36 +662,36 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex: 1;
|
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
/* 确保与饼图容器高度一致 */
|
/* 调整高度与饼图完全一致 */
|
||||||
height: 80px;
|
height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-avatar-container {
|
.user-avatar-container {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 5px; /* 减小底部间距 */
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-avatar-container img {
|
.user-avatar-container img {
|
||||||
width: 50px; /* 稍微缩小头像 */
|
width: 45px; /* 进一步缩小头像 */
|
||||||
height: 50px;
|
height: 45px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
border: 2px solid #fff;
|
border: 1px solid #fff; /* 减小边框 */
|
||||||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-info-details {
|
.user-info-details {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 5px;
|
gap: 3px; /* 减小间距 */
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-info-item {
|
.user-info-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 12px;
|
font-size: 11px; /* 进一步缩小字体 */
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
height: 16px; /* 固定每行高度 */
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-info-label {
|
.user-info-label {
|
||||||
|
|||||||
Reference in New Issue
Block a user