File size: 965 Bytes
4460085 5786921 4460085 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
import { Divider, DividerProps, Paper, PaperProps } from "@mui/material";
import { styled } from "@mui/material/styles";
export const SectionBox = styled(Paper)<PaperProps>(({ theme }) => ({
display: "flex",
alignItems: "center",
justifyContent: "center",
padding: 15,
border: `5px solid transparent`,
borderImage: `linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%)`,
borderImageSlice: 1,
}));
export const HighlightBox = styled(Paper)<PaperProps>(({ theme }) => ({
display: "flex",
alignItems: "center",
justifyContent: "center",
padding: 10,
borderBottom: `3px solid transparent`,
borderImage: `linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%)`,
borderImageSlice: 1,
}));
export const DividerBox = styled(Divider)<DividerProps>(({ theme }) => ({
marginTop: 20,
marginBottom: 20,
background: "transparent",
border: "none",
}));
|