Style fix
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 1.8 KiB |
@@ -67,7 +67,7 @@ export default {
|
|||||||
'home.mine.status2': '已耗尽能源',
|
'home.mine.status2': '已耗尽能源',
|
||||||
'home.mine.none': '还没有收益,快去获取矿晶吧',
|
'home.mine.none': '还没有收益,快去获取矿晶吧',
|
||||||
|
|
||||||
'home.fund.total': '总资金',
|
'home.fund.total': '资金金额',
|
||||||
'home.fund.totalVIC': '当前VIC余额:',
|
'home.fund.totalVIC': '当前VIC余额:',
|
||||||
'home.fund.totalUSDT': '当前USDT余额:',
|
'home.fund.totalUSDT': '当前USDT余额:',
|
||||||
'home.fund.draw': '提币',
|
'home.fund.draw': '提币',
|
||||||
|
|||||||
@@ -69,6 +69,8 @@
|
|||||||
|
|
||||||
.icon-icon {
|
.icon-icon {
|
||||||
width: 64px;
|
width: 64px;
|
||||||
|
border-radius: 3px;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -43,23 +43,16 @@ const FundPage: React.FC<HomeFundModelState & DispatchProp> = ({
|
|||||||
<div className="bg" />
|
<div className="bg" />
|
||||||
<span className="title">{formatMessage({ id: 'home.fund.total' })}</span>
|
<span className="title">{formatMessage({ id: 'home.fund.total' })}</span>
|
||||||
<span className="content">
|
<span className="content">
|
||||||
<span className="large">{info ? (info.sum || 0) : 0}</span>
|
<span className="line">
|
||||||
VIC
|
{info ? (info.vic || 0) : 0} VIC
|
||||||
|
</span>
|
||||||
|
<span className="line">
|
||||||
|
{info ? (info.usdt || 0) : 0} USDT
|
||||||
|
</span>
|
||||||
</span>
|
</span>
|
||||||
<div className={styles.card}>
|
<div className={styles.card}>
|
||||||
<div className="left">
|
|
||||||
<span className="line">
|
|
||||||
<span className="title2">{formatMessage({ id: 'home.fund.totalVIC' })}</span>
|
|
||||||
<span className="value">+{info ? (info.vic || 0) : 0} VIC</span>
|
|
||||||
</span>
|
|
||||||
<span className="line">
|
|
||||||
<span className="title2">{formatMessage({ id: 'home.fund.totalUSDT' })}</span>
|
|
||||||
<span className="value">+{info ? (info.usdt || 0) : 0} USDT</span>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
<div
|
||||||
className="right app-btn"
|
className="app-btn"
|
||||||
onClick={() => dispatch({ type: 'homeFund/gotoDraw' })}
|
onClick={() => dispatch({ type: 'homeFund/gotoDraw' })}
|
||||||
>
|
>
|
||||||
{loadingDraw ? <Spin size="small" /> : formatMessage({ id: 'home.fund.draw' })}
|
{loadingDraw ? <Spin size="small" /> : formatMessage({ id: 'home.fund.draw' })}
|
||||||
|
|||||||
@@ -43,7 +43,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
margin: 10px 0 24px;
|
margin: 10px 15% 24px;
|
||||||
|
align-self: stretch;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content .large {
|
.content .large {
|
||||||
@@ -86,7 +89,7 @@
|
|||||||
.app-btn {
|
.app-btn {
|
||||||
user-select: none;
|
user-select: none;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
width: 80px;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: @blue-one;
|
background-color: @blue-one;
|
||||||
@btn-height: 28px;
|
@btn-height: 28px;
|
||||||
|
|||||||
Reference in New Issue
Block a user