Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | 499x 499x | import BackgroundVideoWrapper from "@common/BackgroundVideoWrapper";
import { styled } from "@mui/material";
import { palette } from "@palette";
import { isMobile } from "@utils/index";
const MIN_HEIGHT_BANNER = isMobile ? 260 : 238;
export const CustomBackgroundVideo = styled(BackgroundVideoWrapper)(
({ theme }) => ({
borderRadius: "24px",
minHeight: MIN_HEIGHT_BANNER,
padding: "32px",
background: palette.neutral.white,
[theme.breakpoints.down("new_sm_md")]: {
padding: "20px 15px",
},
[theme.breakpoints.down("sm")]: {
padding: "16px",
borderRadius: "12px",
},
}),
);
|