blockworks-foundation
/
mango-v4-ui
mirror of https://github.com/blockworks-foundation/mango-v4-ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix swap layout heights

This commit is contained in:
saml33 2022-10-30 22:19:04 +11:00
parent 0e880ffc54
commit 91175e5d66
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/swap/SwapForm.tsx
View File

@ -22,7 +22,7 @@ import { SwapLeverageSlider } from './LeverageSlider'
import { useTranslation } from 'next-i18next'
import SwapFormTokenList from './SwapFormTokenList'
import { Transition } from '@headlessui/react'
import Button, { IconButton } from '../shared/Button'
import Button, { IconButton, LinkButton } from '../shared/Button'
import ButtonGroup from '../forms/ButtonGroup'
import Loading from '../shared/Loading'
import { EnterBottomExitBottom } from '../shared/Transitions'
@ -246,8 +246,15 @@ const SwapForm = () => {
onClick={() => setShowSettings(true)}
size="small"
>
<Cog8ToothIcon className="h-5 w-5" />
<Cog8ToothIcon className="h-4 w-4" />
</IconButton>
{/* <LinkButton
className="flex items-center text-xs font-normal text-th-fgd-3 no-underline"
onClick={() => setShowSettings(true)}
>
<Cog8ToothIcon className="mr-1 h-3 w-3" />
<span className="text-th-fgd-4">{t('settings')}</span>
</LinkButton> */}
</div>
</div>
<div id="swap-step-two" className="mb-2 flex items-end justify-between">

4
components/swap/SwapTokenChart.tsx
View File

@ -156,7 +156,7 @@ const SwapTokenChart: FunctionComponent<SwapTokenChartProps> = ({
<div className="h-[18px] bg-th-bkg-2" />
</SheenLoader>
<SheenLoader className="mt-4 w-full rounded-md">
<div className="h-[328px] bg-th-bkg-2" />
<div className="h-[308px] bg-th-bkg-2" />
</SheenLoader>
</>
) : chartData.length && baseTokenId && quoteTokenId ? (
@ -229,7 +229,7 @@ const SwapTokenChart: FunctionComponent<SwapTokenChartProps> = ({
)}
</div>
</div>
<div className="mt-2 h-40 w-auto md:h-80">
<div className="mt-2 h-40 w-auto md:h-72">
<div className="absolute top-[2px] right-0 -mb-2 flex justify-end">
<ChartRangeButtons
activeValue={daysToShow}