ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(widgets): remove trading header (#3263)

Browse Source 
* fix(widgets): remove trading header

* correct height for removed title, more scalable/consistent transform values

* 347->346 height
This commit is contained in:
Jordan Frankfurt 2022-02-10 16:59:26 -05:00 committed by GitHub
parent 92b7ca8f55
commit 26275ca580
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 2 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/Swap/Input.tsx
View File

@ -1,4 +1,3 @@
import { Trans } from '@lingui/macro'
import { useLingui } from '@lingui/react' import { useLingui } from '@lingui/react'
import { useUSDCValue } from 'hooks/useUSDCPrice' import { useUSDCValue } from 'hooks/useUSDCPrice'
import { useAtomValue } from 'jotai/utils' import { useAtomValue } from 'jotai/utils'
@ -78,11 +77,6 @@ export default function Input({ disabled, focused }: InputProps) {
return ( return (
<InputColumn gap={0.5} approved={mockApproved}> <InputColumn gap={0.5} approved={mockApproved}>
<Row>
<ThemedText.Subhead2 color="secondary">
<Trans>Trading</Trans>
</ThemedText.Subhead2>
</Row>
<TokenInput <TokenInput
currency={swapInputCurrency} currency={swapInputCurrency}
amount={(swapInputAmount !== undefined ? swapInputAmount : inputCurrencyAmount?.toSignificant(6)) ?? ''} amount={(swapInputAmount !== undefined ? swapInputAmount : inputCurrencyAmount?.toSignificant(6)) ?? ''}

3
src/lib/components/Swap/ReverseButton.tsx
View File

@ -9,8 +9,7 @@ import Row from '../Row'
const ReverseRow = styled(Row)` const ReverseRow = styled(Row)`
left: 50%; left: 50%;
position: absolute; position: absolute;
top: 7.45em; transform: translate(-50%, -50%);
transform: translateX(-50%);
z-index: ${Layer.OVERLAY}; z-index: ${Layer.OVERLAY};
` `

2
src/lib/components/Widget.tsx
View File

@ -41,7 +41,7 @@ const WidgetWrapper = styled.div<{ width?: number | string }>`
font-size: 16px; font-size: 16px;
font-smooth: always; font-smooth: always;
font-variant: none; font-variant: none;
height: 368px; height: 346px;
min-width: 300px; min-width: 300px;
padding: 0.25em; padding: 0.25em;
position: relative; position: relative;