74 lines
1.3 KiB
TypeScript
74 lines
1.3 KiB
TypeScript
|
import { makeStyles } from "@saleor/macaw-ui";
|
||
|
|
|
||
|
|
export const useExpanderStyles = makeStyles(
|
||
|
|
theme => ({
|
||
|
|
expanded: {},
|
||
|
|
root: {
|
||
|
|
boxShadow: "none",
|
||
|
|
padding: theme.spacing(1, 4),
|
||
|
|
|
||
|
|
"&:before": {
|
||
|
|
content: "none",
|
||
|
|
},
|
||
|
|
|
||
|
|
"&$expanded": {
|
||
|
|
margin: 0,
|
||
|
|
border: "none",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
{ name: "Expander" },
|
||
|
|
);
|
||
|
|
|
||
|
|
export const useHeaderStyles = makeStyles(
|
||
|
|
theme => ({
|
||
|
|
container: {
|
||
|
|
width: "100%",
|
||
|
|
display: "flex",
|
||
|
|
flexDirection: "row",
|
||
|
|
alignItems: "center",
|
||
|
|
},
|
||
|
|
// empty expanded needed for mui to use root styles
|
||
|
|
expanded: {},
|
||
|
|
root: {
|
||
|
|
width: "100%",
|
||
|
|
border: "none",
|
||
|
|
marginRight: theme.spacing(1),
|
||
|
|
padding: 0,
|
||
|
|
paddingBottom: theme.spacing(2),
|
||
|
|
minHeight: 0,
|
||
|
|
|
||
|
|
"&$expanded": {
|
||
|
|
minHeight: 0,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
content: {
|
||
|
|
margin: 0,
|
||
|
|
|
||
|
|
"&$expanded": {
|
||
|
|
margin: 0,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
{ name: "AssignmentListHeader" },
|
||
|
|
);
|
||
|
|
|
||
|
|
export const useStyles = makeStyles(
|
||
|
|
theme => ({
|
||
|
|
container: {
|
||
|
|
padding: theme.spacing(1, 0),
|
||
|
|
display: "flex",
|
||
|
|
flexDirection: "row",
|
||
|
|
justifyContent: "space-between",
|
||
|
|
alignItems: "center",
|
||
|
|
},
|
||
|
|
root: {
|
||
|
|
paddingRight: theme.spacing(1),
|
||
|
|
},
|
||
|
|
infoMessage: {
|
||
|
|
padding: theme.spacing(3),
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
{ name: "AssignmentList" },
|
||
|
|
);
|