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

remove double borders

This commit is contained in:
saml33 2022-09-20 20:36:33 +10:00
parent 7f697894e6
commit 2b9ada9ebc
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/trade/GroupSize.tsx
View File

@ -31,15 +31,15 @@ const GroupSize = ({
{({ open }) => (
<>
<Listbox.Button
className={`default-transition flex h-6 items-center rounded border border-th-bkg-3 bg-th-bkg-1 py-1 font-normal hover:bg-th-bkg-2 focus:border-th-bkg-4 focus:outline-none`}
className={`default-transition flex h-6 items-center rounded bg-th-bkg-1 py-1 font-normal text-th-fgd-2 hover:text-th-primary focus:border-th-bkg-4 focus:outline-none`}
>
<div
className={`flex items-center justify-between space-x-1 pr-1 pl-2 font-mono text-xs leading-none`}
className={`flex items-center justify-between font-mono text-xs leading-none`}
>
<span className="text-th-fgd-2">{value}</span>
<span>{value}</span>
<ChevronDownIcon
className={`default-transition h-4 w-4 text-th-fgd-3 ${
className={`default-transition ml-0.5 h-5 w-5 text-th-fgd-3 ${
open ? 'rotate-180 transform' : 'rotate-360 transform'
}`}
/>
@ -48,7 +48,7 @@ const GroupSize = ({
{open ? (
<Listbox.Options
static
className={`thin-scroll absolute left-0 top-7 z-20 w-full space-y-2 overflow-auto rounded border border-th-bkg-3 bg-th-bkg-1 p-2 text-th-fgd-2 outline-none`}
className={`thin-scroll absolute right-0 top-7 z-20 w-20 space-y-2 overflow-auto rounded border border-th-bkg-3 bg-th-bkg-1 p-2 text-th-fgd-2 outline-none`}
>
{sizes.map((size) => (
<Listbox.Option key={size} value={size}>

4
components/trade/Orderbook.tsx
View File

@ -353,7 +353,7 @@ const Orderbook = ({ depth = 12 }) => {
: 'text-th-fgd-4 hover:text-th-fgd-2'
}`}
>
Book
Book
</div>
<div
className={`flex h-12 items-center justify-center px-4 text-sm font-bold hover:cursor-pointer ${
@ -366,7 +366,7 @@ const Orderbook = ({ depth = 12 }) => {
</div>
</div>
<div className="flex h-full flex-col">
<div className="flex items-center justify-between border-x border-b border-th-bkg-3 px-4 py-2">
<div className="flex items-center justify-between border-b border-th-bkg-3 px-4 py-2">
<div className="flex items-center space-x-2">
<Tooltip
content={showBuys ? 'Hide Buys' : 'Show Buys'}