beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

updating dynamic padding

Browse source
This commit is contained in:
Abhinav 2022-07-04 17:18:58 +05:30
parent 093e5e4929
commit 7011faef03
1 changed files with 12 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/components/pages/gallery/PlanSelector/index.tsx
View file

@ -1,7 +1,7 @@
import React, { useContext } from 'react'; import React, { useContext } from 'react';
import { SetLoading } from 'types/gallery'; import { SetLoading } from 'types/gallery';
import { AppContext } from 'pages/_app'; import { AppContext } from 'pages/_app';
import { Box, Dialog } from '@mui/material'; import { Dialog } from '@mui/material';
import PlanSelectorCard from './card'; import PlanSelectorCard from './card';
interface Props { interface Props {
@ -21,13 +21,17 @@ function PlanSelector(props: Props) {
fullScreen={appContext.isMobile} fullScreen={appContext.isMobile}
open={props.modalView} open={props.modalView}
onClose={props.closeModal} onClose={props.closeModal}
PaperProps={{ sx: { width: '400px' } }}> PaperProps={{
<Box p={1}> sx: (theme) => ({
<PlanSelectorCard width: '391px',
closeModal={props.closeModal} p: 1,
setLoading={props.setLoading} [theme.breakpoints.down(360)]: { p: 0 },
/> }),
</Box> }}>
<PlanSelectorCard
closeModal={props.closeModal}
setLoading={props.setLoading}
/>
</Dialog> </Dialog>
); );
} }