refactor: Simplify PersonalSetting component layout

- Moved footer content from the Card component to a separate Descriptions component for better structure.
- Maintained the display of user quota, historical consumption, and request count while improving readability.
This commit is contained in:
CalciumIon
2024-12-11 20:36:44 +08:00
parent 7cab9d7c8a
commit 77b8d918de

View File

@@ -363,7 +363,7 @@ const PersonalSetting = () => {
</Space> </Space>
</> </>
} }
footer={ >
<Descriptions row> <Descriptions row>
<Descriptions.Item itemKey='当前余额'> <Descriptions.Item itemKey='当前余额'>
{renderQuota(userState?.user?.quota)} {renderQuota(userState?.user?.quota)}
@@ -375,24 +375,6 @@ const PersonalSetting = () => {
{userState.user?.request_count} {userState.user?.request_count}
</Descriptions.Item> </Descriptions.Item>
</Descriptions> </Descriptions>
}
>
<Typography.Title heading={6}>可用模型</Typography.Title>
<div style={{marginTop: 10}}>
<Space wrap>
{models.map((model) => (
<Tag
key={model}
color='cyan'
onClick={() => {
copyText(model);
}}
>
{model}
</Tag>
))}
</Space>
</div>
</Card> </Card>
<Card <Card
style={{marginTop: 10}} style={{marginTop: 10}}