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

dashboard tweaks

This commit is contained in:
tjs 2023-01-24 13:08:35 -05:00
parent 991d3ee4b3
commit 139ba30675
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/trade/TradeAdvancedPage.tsx
View File

@ -74,13 +74,13 @@ const TradeAdvancedPage = () => {
],
xxl: [
{ i: 'market-header', x: 0, y: 0, w: 15, h: marketHeaderHeight },
{ i: 'tv-chart', x: 0, y: 1, w: 15, h: 536 },
{ i: 'tv-chart', x: 0, y: 1, w: 15, h: 488 },
{
i: 'balances',
x: 0,
y: 2,
w: 15,
h: getHeight(innerHeight, 0, 536 + marketHeaderHeight),
h: getHeight(innerHeight, 0, 488 + marketHeaderHeight),
},
{
i: 'orderbook',
@ -118,13 +118,13 @@ const TradeAdvancedPage = () => {
],
lg: [
{ i: 'market-header', x: 0, y: 0, w: 13, h: marketHeaderHeight },
{ i: 'tv-chart', x: 0, y: 1, w: 13, h: 488 },
{ i: 'tv-chart', x: 0, y: 1, w: 13, h: 456 },
{
i: 'balances',
x: 0,
y: 2,
w: 13,
h: getHeight(innerHeight, 0, 488 + marketHeaderHeight),
h: getHeight(innerHeight, 0, 456 + marketHeaderHeight),
},
{
i: 'orderbook',

10
pages/dashboard/index.tsx
View File

@ -46,7 +46,7 @@ const Dashboard: NextPage = () => {
return (
<div className="grid grid-cols-12">
<div className="col-span-12 lg:col-span-8 lg:col-start-3 xl:col-span-6 xl:col-start-4">
<div className="col-span-12 lg:col-span-8 lg:col-start-3">
<div className="p-8 pb-20 md:pb-16 lg:p-10">
<h1>Dashboard</h1>
{group ? (
@ -102,8 +102,8 @@ const Dashboard: NextPage = () => {
<>
<Disclosure.Button
aria-label="panel"
className={`default-transition flex w-full items-center justify-between border-t border-th-bkg-3 p-4 md:hover:bg-th-bkg-2 ${
open ? 'bg-th-bkg-2' : ''
className={`default-transition flex w-full items-center justify-between border-t border-th-bkg-3 p-4 md:hover:bg-th-bkg-4 ${
open ? 'bg-th-bkg-4' : ''
}`}
>
<div className="flex items-center">
@ -542,9 +542,9 @@ const KeyValuePair = ({
value: number | ReactNode | string
}) => {
return (
<div className="flex justify-between border-t border-th-bkg-3 p-4 xl:py-3">
<div className="flex justify-between border-t border-th-bkg-2 px-6 py-3">
<span className="mr-4 whitespace-nowrap text-th-fgd-3">{label}</span>
{value}
<span className="font-mono text-th-fgd-2">{value}</span>
</div>
)
}