ChatGPT/one-api
1
0
Fork 0
mirror of https://github.com/songquanpeng/one-api.git synced 2025-10-18 17:51:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: update default theme style

Browse Source
This commit is contained in:
JustSong
2025-01-31 23:33:14 +08:00
parent 678d613179
commit a6981f0d51
1 changed files with 78 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
web/default/src/pages/TopUp/index.js
View File

@@ -88,10 +88,6 @@ const TopUp = () => {
<Card.Content> <Card.Content>
<Card.Header> <Card.Header>
<Header as='h2' style={{ marginBottom: '1.5em' }}> <Header as='h2' style={{ marginBottom: '1.5em' }}>
<i
className='money bill alternate outline icon'
style={{ color: '#2185d0' }}
></i>
充值中心 充值中心
</Header> </Header>
</Card.Header> </Card.Header>
@@ -105,34 +101,58 @@ const TopUp = () => {
boxShadow: '0 1px 3px rgba(0,0,0,0.1)', boxShadow: '0 1px 3px rgba(0,0,0,0.1)',
}} }}
> >
<Card.Content> <Card.Content
style={{
height: '100%',
display: 'flex',
flexDirection: 'column',
}}
>
<Card.Header> <Card.Header>
<Header <Header
as='h3' as='h3'
style={{ color: '#2185d0', marginBottom: '1em' }} style={{ color: '#2185d0', marginBottom: '1em' }}
> >
<i className='shopping cart icon'></i> <i className='credit card icon'></i>
在线充值 在线充值
</Header> </Header>
</Card.Header> </Card.Header>
<Card.Description> <Card.Description
<div style={{ textAlign: 'center', padding: '1em 0' }}> style={{
<Statistic> flex: 1,
<Statistic.Value style={{ color: '#2185d0' }}> display: 'flex',
{renderQuota(userQuota)} flexDirection: 'column',
</Statistic.Value> }}
<Statistic.Label>当前可用额度</Statistic.Label> >
</Statistic> <div
style={{
flex: 1,
display: 'flex',
flexDirection: 'column',
justifyContent: 'space-between',
}}
>
<div style={{ textAlign: 'center', paddingTop: '1em' }}>
<Statistic>
<Statistic.Value style={{ color: '#2185d0' }}>
{renderQuota(userQuota)}
</Statistic.Value>
<Statistic.Label>当前可用额度</Statistic.Label>
</Statistic>
</div>
<Button <div
primary style={{ textAlign: 'center', paddingBottom: '1em' }}
size='large'
onClick={openTopUpLink}
style={{ marginTop: '2em', width: '80%' }}
> >
<i className='credit card icon'></i> <Button
立即充值 primary
</Button> size='large'
onClick={openTopUpLink}
style={{ width: '80%' }}
>
立即充值
</Button>
</div>
</div> </div>
</Card.Description> </Card.Description>
</Card.Content> </Card.Content>
@@ -147,7 +167,13 @@ const TopUp = () => {
boxShadow: '0 1px 3px rgba(0,0,0,0.1)', boxShadow: '0 1px 3px rgba(0,0,0,0.1)',
}} }}
> >
<Card.Content> <Card.Content
style={{
height: '100%',
display: 'flex',
flexDirection: 'column',
}}
>
<Card.Header> <Card.Header>
<Header <Header
as='h3' as='h3'
@@ -157,8 +183,21 @@ const TopUp = () => {
兑换码充值 兑换码充值
</Header> </Header>
</Card.Header> </Card.Header>
<Card.Description> <Card.Description
<Form size='large'> style={{
flex: 1,
display: 'flex',
flexDirection: 'column',
}}
>
<div
style={{
flex: 1,
display: 'flex',
flexDirection: 'column',
justifyContent: 'space-between',
}}
>
<Form.Input <Form.Input
fluid fluid
icon='key' icon='key'
@@ -188,19 +227,21 @@ const TopUp = () => {
}} }}
/> />
} }
style={{ marginBottom: '1em' }}
/> />
<Button
color='green' <div style={{ paddingBottom: '1em' }}>
fluid <Button
size='large' color='green'
onClick={topUp} fluid
loading={isSubmitting} size='large'
disabled={isSubmitting} onClick={topUp}
> loading={isSubmitting}
{isSubmitting ? '兑换中...' : '立即兑换'} disabled={isSubmitting}
</Button> >
</Form> {isSubmitting ? '兑换中...' : '立即兑换'}
</Button>
</div>
</div>
</Card.Description> </Card.Description>
</Card.Content> </Card.Content>
</Card> </Card>