diff --git a/src/ts/common/stakingCST.ts b/src/ts/common/stakingCST.ts index 526ebbc..cb2ff12 100644 --- a/src/ts/common/stakingCST.ts +++ b/src/ts/common/stakingCST.ts @@ -11,6 +11,11 @@ export const STK_TITLE: ILocaleText = { [LOCALE_EN]: 'DUO Staking Campaign' }; +export const STK_STATUS: ILocaleText = { + [LOCALE_CN]: '系统状态', + [LOCALE_EN]: 'Stake/Unstake' +}; + export const STK_STAKE: ILocaleText = { [LOCALE_CN]: '质押', [LOCALE_EN]: 'Stake' diff --git a/src/ts/components/Cards/StakingNodesCardM.tsx b/src/ts/components/Cards/StakingNodesCardM.tsx index 4c4e478..4d1bf7e 100644 --- a/src/ts/components/Cards/StakingNodesCardM.tsx +++ b/src/ts/components/Cards/StakingNodesCardM.tsx @@ -16,7 +16,7 @@ import { SCardTitle, SStakingButtonF, SStakingButtonM, - SStakingInput + SStakingInputM } from './_styled'; interface IProps { @@ -194,7 +194,7 @@ export default class StakingNodesCardM extends React.Component { justifyContent: 'space-between' }} > - this.handleInputChange(e.target.value)} diff --git a/src/ts/components/Cards/StakingPersonalCard.tsx b/src/ts/components/Cards/StakingPersonalCard.tsx index 18e88be..8bdb4ee 100644 --- a/src/ts/components/Cards/StakingPersonalCard.tsx +++ b/src/ts/components/Cards/StakingPersonalCard.tsx @@ -45,9 +45,7 @@ export default class StakingPersonalCard extends React.Component { {StakingCST.STK_TITLE[locale]} {'(' + - StakingCST.STK_STAKE[locale] + - '/' + - StakingCST.STK_UNSTAKE[locale] + + StakingCST.STK_STATUS[locale] + ' ' + (enabled ? StakingCST.STK_ENABLED[locale] @@ -60,12 +58,21 @@ export default class StakingPersonalCard extends React.Component { margin="0 0 20px 0" >
- - {StakingCST.STK_ADDRESS[locale]}:{' '} - {address} + {address} +
{ paddingBottom: 10 }} > - {StakingCST.STK_APPROVE[locale]} + + {StakingCST.STK_APPROVE[locale]} + diff --git a/src/ts/components/Cards/StakingPersonalCardM.tsx b/src/ts/components/Cards/StakingPersonalCardM.tsx index 9fae508..3a5a737 100644 --- a/src/ts/components/Cards/StakingPersonalCardM.tsx +++ b/src/ts/components/Cards/StakingPersonalCardM.tsx @@ -45,9 +45,7 @@ export default class StakingPersonalCardM extends React.Component { {StakingCST.STK_TITLE[locale]} {'(' + - StakingCST.STK_STAKE[locale] + - '/' + - StakingCST.STK_UNSTAKE[locale] + + StakingCST.STK_STATUS[locale] + ' ' + (enabled ? StakingCST.STK_ENABLED[locale] @@ -60,12 +58,18 @@ export default class StakingPersonalCardM extends React.Component { margin="10px 0 20px 0" >
- - {StakingCST.STK_ADDRESS[locale]}:{' '} -
{address}
+ {address}
+ { src={duo3d} />
- +
@@ -102,7 +108,9 @@ export default class StakingPersonalCardM extends React.Component {
- +
@@ -135,7 +143,9 @@ export default class StakingPersonalCardM extends React.Component { paddingBottom: 10 }} > - {StakingCST.STK_APPROVE[locale]} + + {StakingCST.STK_APPROVE[locale]} + diff --git a/src/ts/components/Cards/_styled.tsx b/src/ts/components/Cards/_styled.tsx index b6f294a..de0659a 100644 --- a/src/ts/components/Cards/_styled.tsx +++ b/src/ts/components/Cards/_styled.tsx @@ -680,6 +680,22 @@ export const SStakingInput = styled.input` border: 1px solid rgba(180,180,180,1); border-radius: 3px; `; +export const SStakingInputM = styled.input` + &::placeholder { + font-size: 14px; + color: rgba(0,0,0,.3); + } + &:focus { + box-shadow: 0 0 0 2px rgba(125, 196, 252, .8) + } + font-size: 14px; + line-height:24px; + padding-left: 5px; + height: 24px; + outline: none; + border: 1px solid rgba(180,180,180,1); + border-radius: 3px; +`; export interface ICardAssetTagProps { mobile?: boolean;