Commit b28cd9c8 authored by Kaylee George's avatar Kaylee George Committed by GitHub

fix: token button jump (#4017)

* fix token button jump

* Update index.tsx

* move inline style to CSS
parent 07101787
...@@ -103,6 +103,7 @@ const LabelRow = styled.div` ...@@ -103,6 +103,7 @@ const LabelRow = styled.div`
const FiatRow = styled(LabelRow)` const FiatRow = styled(LabelRow)`
justify-content: flex-end; justify-content: flex-end;
height: 16px;
` `
const Aligner = styled.span` const Aligner = styled.span`
...@@ -270,14 +271,15 @@ export default function CurrencyInputPanel({ ...@@ -270,14 +271,15 @@ export default function CurrencyInputPanel({
</Aligner> </Aligner>
</CurrencySelect> </CurrencySelect>
</InputRow> </InputRow>
{!hideInput && !hideBalance && currency && (
<FiatRow> <FiatRow>
{!hideInput && !hideBalance && currency && (
<RowBetween> <RowBetween>
<LoadingOpacityContainer $loading={loading}> <LoadingOpacityContainer $loading={loading}>
<FiatValue fiatValue={fiatValue} priceImpact={priceImpact} /> <FiatValue fiatValue={fiatValue} priceImpact={priceImpact} />
</LoadingOpacityContainer> </LoadingOpacityContainer>
{account ? ( {account ? (
<RowFixed style={{ height: '17px' }}> <RowFixed>
<ThemedText.Body <ThemedText.Body
onClick={onMax} onClick={onMax}
color={theme.text3} color={theme.text3}
...@@ -303,8 +305,8 @@ export default function CurrencyInputPanel({ ...@@ -303,8 +305,8 @@ export default function CurrencyInputPanel({
<span /> <span />
)} )}
</RowBetween> </RowBetween>
</FiatRow>
)} )}
</FiatRow>
</Container> </Container>
{onCurrencySelect && ( {onCurrencySelect && (
<CurrencySearchModal <CurrencySearchModal
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment