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

reduce horizontal padding in market header

This commit is contained in:
saml33 2023-04-24 21:45:30 +10:00
parent ab97ac9738
commit b0f1619434
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/trade/AdvancedMarketHeader.tsx
View File

@ -140,7 +140,7 @@ const AdvancedMarketHeader = ({
return (
<>
<div className="flex flex-col bg-th-bkg-1 md:h-12 md:flex-row md:items-center">
<div className="w-full px-4 md:w-auto md:px-6 md:py-0 lg:pb-0">
<div className="w-full pl-4 md:w-auto md:py-0 md:pl-6 lg:pb-0">
<MarketSelectDropdown />
</div>
<div className="hide-scroll flex w-full items-center justify-between overflow-x-auto border-t border-th-bkg-3 py-2 px-5 md:border-t-0 md:py-0 md:px-0 md:pr-6">

2
components/trade/MarketSelectDropdown.tsx
View File

@ -55,7 +55,7 @@ const MarketSelectDropdown = () => {
<Popover>
{({ open, close }) => (
<div
className="relative -ml-2 flex flex-col overflow-visible"
className="relative flex flex-col overflow-visible md:-ml-2"
id="trade-step-one"
>
<Popover.Button className="-ml-4 flex h-12 items-center justify-between px-4 focus-visible:bg-th-bkg-3 md:hover:bg-th-bkg-2">