Skip to content

Commit 3a2c3f0

Browse files
authored
style(profile): 优化个人页面标签页和文本显示 (#865)
- 为标签页添加滚动功能,支持在小屏幕上更好的显示 - 调整文本间距,统一显示格式,提升可读性 - 优化冒号显示方式,使界面更加整洁
1 parent 89412fa commit 3a2c3f0

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

web/src/views/Profile/index.jsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -327,7 +327,7 @@ export default function Profile() {
327327
<>
328328
<MainCard>
329329
<Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
330-
<Tabs value={value} onChange={handleChange} aria-label="profile tabs">
330+
<Tabs value={value} onChange={handleChange} aria-label="profile tabs" variant="scrollable" scrollButtons="auto">
331331
<Tab icon={<IconSettings />} iconPosition="start" label={t('profilePage.general')} {...a11yProps(0)} />
332332
<Tab icon={<IconLink />} iconPosition="start" label={t('profilePage.binding')} {...a11yProps(1)} />
333333
<Tab icon={<IconShieldLock />} iconPosition="start" label={t('profilePage.webauthn')} {...a11yProps(2)} />
@@ -618,21 +618,21 @@ export default function Profile() {
618618
>
619619
<Stack>
620620
<Typography variant="body1">
621-
{t('profilePage.alias')}:{' '}
621+
{t('profilePage.alias')}{' '}
622622
{credential.alias && credential.alias.trim() !== ''
623623
? credential.alias
624624
: new Date(credential.created_time * 1000).toLocaleString()}
625625
</Typography>
626626
<Typography variant="body2" color="text.secondary">
627-
{t('profilePage.credentialId')}:{' '}
627+
{t('profilePage.credentialId')}{' '}
628628
<span title={credential.credential_id}>
629629
{credential.credential_id.length > 20
630630
? credential.credential_id.substring(0, 20) + '...'
631631
: credential.credential_id}
632632
</span>
633633
</Typography>
634634
<Typography variant="body2" color="text.secondary">
635-
{t('profilePage.registerTime')}: {new Date(credential.created_time * 1000).toLocaleString()}
635+
{t('profilePage.registerTime')} {new Date(credential.created_time * 1000).toLocaleString()}
636636
</Typography>
637637
</Stack>
638638
<Button

0 commit comments

Comments
 (0)