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

make lg and xl layouts match

This commit is contained in:
Tyler Shipe 2022-01-18 11:00:06 -06:00
parent ac0aa307be
commit 48252772f4
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/TradePageGrid.tsx
View File

@ -25,21 +25,21 @@ const ResponsiveGridLayout = WidthProvider(Responsive)
export const defaultLayouts = {
xl: [
{ i: 'tvChart', x: 0, y: 0, w: 6, h: 30 },
{ i: 'marketPosition', x: 9, y: 4, w: 3, h: 13 },
{ i: 'accountInfo', x: 9, y: 3, w: 3, h: 16 },
{ i: 'orderbook', x: 6, y: 0, w: 3, h: 17 },
{ i: 'tradeForm', x: 9, y: 1, w: 3, h: 19 },
{ i: 'marketTrades', x: 6, y: 1, w: 3, h: 13 },
{ i: 'accountInfo', x: 9, y: 3, w: 3, h: 16 },
{ i: 'userInfo', x: 0, y: 2, w: 9, h: 19 },
{ i: 'marketPosition', x: 9, y: 4, w: 3, h: 13 },
],
lg: [
{ i: 'tvChart', x: 0, y: 0, w: 8, h: 29, minW: 2 },
{ i: 'marketPosition', x: 8, y: 0, w: 4, h: 13, minW: 2 },
{ i: 'accountInfo', x: 8, y: 1, w: 4, h: 16, minW: 2 },
{ i: 'orderbook', x: 0, y: 2, w: 4, h: 19, minW: 2 },
{ i: 'tradeForm', x: 4, y: 2, w: 4, h: 19, minW: 3 },
{ i: 'marketTrades', x: 8, y: 2, w: 4, h: 19, minW: 2 },
{ i: 'userInfo', x: 0, y: 3, w: 12, h: 19, minW: 6 },
{ i: 'tvChart', x: 0, y: 0, w: 6, h: 29, minW: 2 },
{ i: 'marketPosition', x: 9, y: 2, w: 3, h: 13, minW: 2 },
{ i: 'accountInfo', x: 9, y: 1, w: 3, h: 16, minW: 2 },
{ i: 'orderbook', x: 6, y: 2, w: 3, h: 18, minW: 2 },
{ i: 'tradeForm', x: 9, y: 0, w: 3, h: 19, minW: 3 },
{ i: 'marketTrades', x: 6, y: 2, w: 3, h: 11, minW: 2 },
{ i: 'userInfo', x: 0, y: 3, w: 9, h: 19, minW: 6 },
],
md: [
{ i: 'tvChart', x: 0, y: 0, w: 8, h: 29, minW: 2 },
@ -70,7 +70,7 @@ export const defaultLayouts = {
],
}
export const GRID_LAYOUT_KEY = 'mangoSavedLayouts-3.1.4'
export const GRID_LAYOUT_KEY = 'mangoSavedLayouts-3.1.5'
export const breakpoints = { xl: 1600, lg: 1280, md: 1024, sm: 768, xs: 0 }
const getCurrentBreakpoint = () => {