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 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 | 21x 467x 21x 21x 21x | import { Box } from "@mui/material";
import GiveButton from "@shared/Button/GiveButton";
import GiveChip from "@shared/Chip/GiveChip";
import { styled } from "@theme/v2/Provider";
export const CardContainer = styled(Box)<{
backgroundColor?: string;
gap?: string;
}>(({ backgroundColor, gap = "20px", theme }) => ({
display: "flex",
flexDirection: "column",
padding: "20px",
backgroundColor: backgroundColor,
borderRadius: "20px",
maxWidth: "560px",
[theme.breakpoints.down("new_lg")]: {
maxWidth: "unset",
},
gap: gap,
}));
export const ModifiedGiveChip = styled(GiveChip)({
fontSize: "12px",
});
export const StyledGiveButton = styled(GiveButton)({
borderRadius: "8px",
height: "100%",
"&:disabled": {
border: "none",
},
});
export const IconContainer = styled(Box)<{ backgroundColor?: string }>(
({ backgroundColor }) => ({
backgroundColor: backgroundColor,
borderRadius: "40px",
padding: "8px",
width: "36px",
height: "36px",
display: "flex",
alignItems: "center",
justifyContent: "center",
}),
);
|