LaconicNetwork/vega-frontend-monorepo
4
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix(trading): adjust full screen for mobile dialogs (#5666)

Browse Source
This commit is contained in:
m.ray 2024-01-25 15:32:14 +02:00 committed by GitHub
parent 67d38ff03e
commit 0bd13a5f7b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
libs/accounts/src/lib/breakdown-table.tsx
View File

@ -38,7 +38,7 @@ const BreakdownTable = forwardRef<AgGridReact, BreakdownTableProps>(
{ {
headerName: t('Market'), headerName: t('Market'),
field: 'market.tradableInstrument.instrument.code', field: 'market.tradableInstrument.instrument.code',
width: 90, maxWidth: 150,
pinned: true, pinned: true,
sort: 'desc', sort: 'desc',
cellRenderer: ({ cellRenderer: ({

8
libs/ui-toolkit/src/components/dialog/dialog.tsx
View File

@ -38,14 +38,14 @@ export function Dialog({
); );
const wrapperClasses = classNames( const wrapperClasses = classNames(
// Dimensions // Dimensions
'max-w-[90vw] p-4 md:p-8', 'w-screen sm:max-w-[90vw] p-4 md:p-8',
// Need to apply background and text colors again as content is rendered in a portal // Need to apply background and text colors again as content is rendered in a portal
'dark:bg-black bg-white dark:text-white', 'dark:bg-black bg-white dark:text-white',
getIntentBorder(intent), getIntentBorder(intent),
{ {
'w-[520px]': size === 'small', 'sm:w-[520px]': size === 'small',
'w-[680px]': size === 'medium', 'sm:w-[680px]': size === 'medium',
'w-[720px] lg:w-[940px]': size === 'large', 'sm:w-[720px] lg:w-[940px]': size === 'large',
} }
); );