feat: 统一账户角色展示并优化资源页面
This commit is contained in:
@@ -1,11 +1,11 @@
|
||||
<!--
|
||||
功能:展示账户类资源的头像、用户名、唯一标识和创建时间摘要。
|
||||
版本:v1.0.0
|
||||
版本:v1.1.0
|
||||
-->
|
||||
<template>
|
||||
<a-card class="account-card" :bordered="false">
|
||||
<div class="account-summary">
|
||||
<div class="avatar-column">
|
||||
<div class="account-summary" :class="{ 'account-summary-text': !avatarEnabled }">
|
||||
<div v-if="avatarEnabled" class="avatar-column">
|
||||
<button
|
||||
class="avatar-button"
|
||||
type="button"
|
||||
@@ -106,6 +106,15 @@ function onAvatarSelected(event: Event) {
|
||||
min-height: 168px;
|
||||
padding: 18px 32px;
|
||||
}
|
||||
.account-summary-text {
|
||||
grid-template-columns: minmax(420px, 720px);
|
||||
justify-content: start;
|
||||
min-height: 116px;
|
||||
padding: 14px 32px;
|
||||
}
|
||||
.account-summary-text .identity-summary {
|
||||
width: 100%;
|
||||
}
|
||||
.avatar-column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -188,5 +197,10 @@ function onAvatarSelected(event: Event) {
|
||||
width: min(100%, 440px);
|
||||
margin: 0 auto;
|
||||
}
|
||||
.account-summary-text {
|
||||
grid-template-columns: 1fr;
|
||||
min-height: auto;
|
||||
padding: 14px 8px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user