highperfocused/noauth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add prettier

Browse Source
This commit is contained in:
Bekbolsun
2024-02-06 15:49:05 +06:00
parent 14940a4345
commit be8cfcb3a5
118 changed files with 35826 additions and 36649 deletions
Download Patch File Download Diff File Expand all files Collapse all files

133
src/shared/Modal/styled.tsx
View File

@@ -1,82 +1,71 @@
import {
Box,
BoxProps,
Dialog,
DialogContent,
DialogContentProps,
DialogProps,
DialogTitle,
DialogTitleProps,
styled,
Box,
BoxProps,
Dialog,
DialogContent,
DialogContentProps,
DialogProps,
DialogTitle,
DialogTitleProps,
styled,
} from '@mui/material'
export const StyledDialog = styled(
(props: DialogProps & { fixedHeight?: string }) => (
<Dialog
{...props}
classes={{
container: 'container',
paper: 'paper',
}}
slotProps={{
backdrop: {
sx: {
backdropFilter: 'blur(2px)',
},
},
}}
fullWidth
/>
),
)(({ theme, fixedHeight = '' }) => {
const fixedHeightStyles = fixedHeight ? { height: fixedHeight } : {}
return {
'& .container': {
alignItems: 'flex-end',
},
'& .paper': {
margin: '0',
width: '100%',
borderTopLeftRadius: '2rem',
borderTopRightRadius: '2rem',
background:
theme.palette.mode === 'light'
? '#fff'
: theme.palette.secondary.main,
...fixedHeightStyles,
},
}
export const StyledDialog = styled((props: DialogProps & { fixedHeight?: string }) => (
<Dialog
{...props}
classes={{
container: 'container',
paper: 'paper',
}}
slotProps={{
backdrop: {
sx: {
backdropFilter: 'blur(2px)',
},
},
}}
fullWidth
/>
))(({ theme, fixedHeight = '' }) => {
const fixedHeightStyles = fixedHeight ? { height: fixedHeight } : {}
return {
'& .container': {
alignItems: 'flex-end',
},
'& .paper': {
margin: '0',
width: '100%',
borderTopLeftRadius: '2rem',
borderTopRightRadius: '2rem',
background: theme.palette.mode === 'light' ? '#fff' : theme.palette.secondary.main,
...fixedHeightStyles,
},
}
})
export const StyledDialogTitle = styled((props: DialogTitleProps) => (
<DialogTitle {...props} variant='h5' />
))(() => {
return {
textAlign: 'center',
fontWeight: 600,
}
export const StyledDialogTitle = styled((props: DialogTitleProps) => <DialogTitle {...props} variant="h5" />)(() => {
return {
textAlign: 'center',
fontWeight: 600,
}
})
export const StyledDialogContent = styled((props: DialogContentProps) => (
<DialogContent {...props} />
))(() => {
return {
padding: '0 1rem 1rem',
display: 'flex',
flexDirection: 'column',
}
export const StyledDialogContent = styled((props: DialogContentProps) => <DialogContent {...props} />)(() => {
return {
padding: '0 1rem 1rem',
display: 'flex',
flexDirection: 'column',
}
})
export const StyledCloseButtonWrapper = styled((props: BoxProps) => (
<Box {...props} />
))(() => ({
display: 'flex',
alignItems: 'center',
justifyContent: 'flex-end',
padding: '0.5rem 1rem',
position: 'relative',
'& > .close_btn': {
position: 'absolute',
transform: 'translateY(50%)',
},
export const StyledCloseButtonWrapper = styled((props: BoxProps) => <Box {...props} />)(() => ({
display: 'flex',
alignItems: 'center',
justifyContent: 'flex-end',
padding: '0.5rem 1rem',
position: 'relative',
'& > .close_btn': {
position: 'absolute',
transform: 'translateY(50%)',
},
}))