LaconicNetwork/vega-frontend-monorepo
3
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'),
field: 'market.tradableInstrument.instrument.code',
width: 90,
maxWidth: 150,
pinned: true,
sort: 'desc',
cellRenderer: ({

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

@ -38,14 +38,14 @@ export function Dialog({
);
const wrapperClasses = classNames(
// 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
'dark:bg-black bg-white dark:text-white',
getIntentBorder(intent),
{
'w-[520px]': size === 'small',
'w-[680px]': size === 'medium',
'w-[720px] lg:w-[940px]': size === 'large',
'sm:w-[520px]': size === 'small',
'sm:w-[680px]': size === 'medium',
'sm:w-[720px] lg:w-[940px]': size === 'large',
}
);