LaconicNetwork/vega-frontend-monorepo
3
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix: styles on staking and nodes page (#1252)

Browse Source
This commit is contained in:
Matthew Russell 2022-09-06 02:10:31 -07:00 committed by GitHub
parent a57d484496
commit a5f21ed1f8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/token/src/components/token-input/token-input.tsx
View File

@ -37,7 +37,7 @@ export const AmountInput = ({
}) => {
const { t } = useTranslation();
return (
<div className="flex">
<div className="flex gap-4">
<div className="flex-1">
<Input
data-testid="token-amount-input"
@ -61,14 +61,12 @@ export const AmountInput = ({
/>
</div>
{maximum && (
<div className="flex flex-col justify-center p-8 h-28 my-0 mx-8">
<ButtonLink
onClick={() => setAmount(maximum.toString())}
data-testid="token-amount-use-maximum"
>
{t('Use maximum')}
</ButtonLink>
</div>
)}
</div>
);
@ -169,7 +167,7 @@ export const TokenInput = ({
} else if (requireApproval) {
approveContent = (
<Callout iconName="tick" intent={Intent.Success}>
<p>{`${currency} are approved for staking`}</p>
<p className="mb-0">{`${currency} are approved for staking`}</p>
</Callout>
);
}
@ -188,7 +186,7 @@ export const TokenInput = ({
currency={currency}
/>
</FormGroup>
{approveContent ? <div className="mb-24">{approveContent}</div> : null}
{approveContent ? <div className="mb-4">{approveContent}</div> : null}
<Button
data-testid="token-input-submit-button"
fill={true}

2
apps/token/src/routes/staking/associate/associate-page.tsx
View File

@ -92,7 +92,7 @@ export const AssociatePage = ({
return (
<section data-testid="associate">
<div className="mb-24">
<div className="mb-6">
<Callout>
<p data-testid="associate-information1">{t('associateInfo1')}</p>
<p className="mb-0" data-testid="associate-information2">

6
apps/token/src/routes/staking/staking-node.tsx
View File

@ -101,7 +101,7 @@ export const StakingNode = ({ vegaKey, data }: StakingNodeProps) => {
? t('validatorTitle', { nodeName: nodeInfo.name })
: t('validatorTitle', { nodeName: t('validatorTitleFallback') })}
</h2>
<section className="mb-24">
<section className="mb-4">
<ValidatorTable
node={nodeInfo}
stakedTotal={data?.nodeData?.stakedTotalFormatted || '0'}
@ -109,7 +109,7 @@ export const StakingNode = ({ vegaKey, data }: StakingNodeProps) => {
/>
</section>
{data?.epoch.timestamps.start && data?.epoch.timestamps.expiry && (
<section className="mb-24">
<section className="mb-4">
<EpochCountdown
id={data.epoch.id}
startDate={new Date(data?.epoch.timestamps.start)}
@ -117,7 +117,7 @@ export const StakingNode = ({ vegaKey, data }: StakingNodeProps) => {
/>
</section>
)}
<section className="mb-24">
<section className="mb-4">
<YourStake
stakeNextEpoch={stakeNextEpoch}
stakeThisEpoch={stakeThisEpoch}