token/me mobile样式小调整

This commit is contained in:
Wang Kejun 2023-03-20 22:17:41 +08:00
parent 1e11b81b72
commit c5a16eb037
3 changed files with 30 additions and 17 deletions

View File

@ -14,10 +14,14 @@
background-color: var(--oak-bg-color-container); background-color: var(--oak-bg-color-container);
.avatar { .avatar {
width: 48px; width: 60px;
height: 48px; height: 60px;
background-color: var(--oak-color-primary); background-color: var(--oak-color-primary);
margin-bottom: 10px; margin-bottom: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
} }
.nickname { .nickname {
@ -25,13 +29,12 @@
} }
.userIcon { .userIcon {
height: 24px;
width: 24px;
color: #fff; color: #fff;
} }
} }
.list { .list {
background-color: #fff;
:global { :global {
.t-list-item__meta { .t-list-item__meta {

View File

@ -14,10 +14,14 @@
background-color: var(--oak-bg-color-container); background-color: var(--oak-bg-color-container);
.avatar { .avatar {
width: 48px; width: 60px;
height: 48px; height: 60px;
background-color: var(--oak-color-primary); background-color: var(--oak-color-primary);
margin-bottom: 10px; margin-bottom: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
} }
.nickname { .nickname {
@ -25,13 +29,12 @@
} }
.userIcon { .userIcon {
height: 24px;
width: 24px;
color: #fff; color: #fff;
} }
} }
.list { .list {
background-color: #fff;
:global { :global {
.t-list-item__meta { .t-list-item__meta {

View File

@ -99,13 +99,20 @@ export default function Render(props: WebComponentProps<EntityDict, 'token', tru
<Input <Input
placeholder="请输入昵称" placeholder="请输入昵称"
value={nickname} value={nickname}
onChange={(e) => updateItem({ user: { onChange={(e) =>
id: generateNewId(), updateItem(
action: 'update', {
data: { user: {
nickname: e.target.value id: generateNewId(),
} action: 'update',
}}, tokenId! )} data: {
nickname: e.target.value,
},
},
},
tokenId!
)
}
/> />
</Drawer> </Drawer>
</div> </div>