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 47 48 49 50 51 | 74x 74x 74x | import { Stack } from "@mui/material";
import { styled } from "@theme/v2/Provider";
import { Button } from "@common/Button";
import { palette } from "@palette";
export const Container = styled(Stack)({
flexDirection: "row",
width: "100%",
alignItems: "center",
justifyContent: "space-between",
});
export const MainActionsContainer = styled(Stack)({
flexDirection: "row",
alignItems: "center",
justifyContent: "flex-end",
gap: "16px",
});
//TODO clean up and use rebranded component
export const StyledButton = styled(Button)({
border: "none",
boxShadow: "none",
background: "inherit",
width: "fit-content !important",
minWidth: "32px",
padding: "5px 5px",
height: "32px",
cursor: "pointer",
position: "relative",
textDecoration: "none",
color: palette.neutral[80],
fontWeight: 400,
lineHeight: "16.8px",
whiteSpace: "nowrap",
"&:hover": {
background: palette.neutral[20],
boxShadow: "none",
textDecoration: "underline",
},
"&:disabled": {
background: "transparent",
boxShadow: "none",
color: "rgba(0, 0, 0, 0.26)",
},
"&:focus, &:active": {
background: "transparent",
boxShadow: "none",
},
});
|