218 lines
4.8 KiB
TypeScript
218 lines
4.8 KiB
TypeScript
import { makeStyles } from "@saleor/macaw-ui";
|
|
|
|
export const useStyles = makeStyles(
|
|
theme => ({
|
|
[theme.breakpoints.up("lg")]: {
|
|
colName: {
|
|
"&&": {
|
|
width: "auto",
|
|
},
|
|
},
|
|
},
|
|
alignRight: {
|
|
textAlign: "right",
|
|
},
|
|
apps: {
|
|
marginBottom: theme.spacing(4),
|
|
},
|
|
appContent: {
|
|
"&:last-child": {
|
|
padding: "0!important",
|
|
},
|
|
padding: 0,
|
|
},
|
|
appHeader: {
|
|
marginBottom: theme.spacing(3),
|
|
},
|
|
appHeaderLinks: {
|
|
"& img": {
|
|
marginRight: theme.spacing(1),
|
|
},
|
|
alignItems: "center",
|
|
display: "flex",
|
|
padding: theme.spacing(2, 0),
|
|
},
|
|
appName: {
|
|
color: theme.palette.primary.main,
|
|
},
|
|
colAction: {
|
|
"&&": {
|
|
paddingRight: theme.spacing(3),
|
|
textAlign: "right",
|
|
},
|
|
alignItems: "center",
|
|
display: "flex",
|
|
flexDirection: "row",
|
|
justifyContent: "flex-end",
|
|
textAlign: "right",
|
|
},
|
|
colInstallAction: {
|
|
"& > *": {
|
|
display: "inline-flex",
|
|
},
|
|
},
|
|
colName: {
|
|
paddingLeft: 0,
|
|
width: theme.spacing(30),
|
|
},
|
|
colSpinner: {
|
|
"& svg": {
|
|
textAlign: "right",
|
|
},
|
|
paddingLeft: theme.spacing(3),
|
|
paddingRight: theme.spacing(2),
|
|
},
|
|
customApps: {
|
|
marginBottom: theme.spacing(4),
|
|
},
|
|
customTooltip: {
|
|
"& > div": {
|
|
backgroundColor: theme.palette.error.main,
|
|
borderRadius: theme.spacing(1),
|
|
color: theme.palette.primary.contrastText,
|
|
padding: theme.spacing(2),
|
|
},
|
|
padding: "0!important",
|
|
},
|
|
error: {
|
|
"& button": {
|
|
marginLeft: theme.spacing(0.6),
|
|
},
|
|
color: theme.palette.error.main,
|
|
marginRight: theme.spacing(1),
|
|
alignItems: "flex-end",
|
|
},
|
|
headerLinkContainer: {
|
|
"& svg": {
|
|
marginRight: theme.spacing(),
|
|
},
|
|
"& span": {
|
|
fontWeight: 500,
|
|
},
|
|
alignItems: "center",
|
|
color: theme.palette.text.primary,
|
|
display: "flex",
|
|
fontSize: theme.spacing(2),
|
|
fontWeight: 500,
|
|
lineHeight: 1.2,
|
|
marginRight: theme.spacing(3),
|
|
padding: 0,
|
|
textTransform: "none",
|
|
},
|
|
hr: {
|
|
border: "none",
|
|
borderTop: `1px solid ${theme.palette.divider}`,
|
|
height: 0,
|
|
marginBottom: 0,
|
|
marginTop: 0,
|
|
width: "100%",
|
|
},
|
|
installAppContainer: {
|
|
"& > div": {
|
|
position: "relative",
|
|
},
|
|
"& img": {
|
|
position: "relative",
|
|
},
|
|
display: "flex",
|
|
justifyContent: "space-between",
|
|
padding: theme.spacing(2, 0),
|
|
position: "relative",
|
|
width: theme.spacing(35),
|
|
},
|
|
installCard: {
|
|
"&:before": {
|
|
backgroundColor: theme.palette.divider,
|
|
content: "''",
|
|
height: 2,
|
|
position: "absolute",
|
|
top: "50%",
|
|
transform: "translateY(-50%)",
|
|
width: theme.spacing(30),
|
|
},
|
|
display: "flex",
|
|
justifyContent: "center",
|
|
position: "relative",
|
|
},
|
|
installIcon: {
|
|
alignItems: "center",
|
|
backgroundColor: theme.palette.divider,
|
|
border: `1px solid ${theme.palette.divider}`,
|
|
borderRadius: "50%",
|
|
display: "flex",
|
|
height: theme.spacing(9),
|
|
justifyContent: "center",
|
|
overflow: "hidden",
|
|
width: theme.spacing(9),
|
|
},
|
|
installPermissionTitle: {
|
|
fontWeight: 500,
|
|
},
|
|
installPrivacyText: {
|
|
"& a": {
|
|
color: theme.palette.primary.main,
|
|
textDecoration: "none",
|
|
},
|
|
color: theme.palette.text.hint,
|
|
marginTop: theme.spacing(1),
|
|
},
|
|
installSaleorIcon: {
|
|
backgroundColor: theme.palette.secondary.main,
|
|
border: "none",
|
|
},
|
|
installSpacer: {
|
|
margin: theme.spacing(2, 0),
|
|
},
|
|
installText: {
|
|
color: theme.palette.primary.contrastText,
|
|
},
|
|
linkContainer: {
|
|
fontWeight: 500,
|
|
marginTop: theme.spacing(1.5),
|
|
},
|
|
marketplaceContent: {
|
|
"& button": {
|
|
marginTop: theme.spacing(1),
|
|
},
|
|
"&:last-child": {
|
|
padding: theme.spacing(2, 3, 2, 3),
|
|
},
|
|
padding: theme.spacing(1),
|
|
},
|
|
permissionsContainer: {
|
|
"& li": {
|
|
"&:last-child": {
|
|
marginBottom: 0,
|
|
},
|
|
marginBottom: theme.spacing(1),
|
|
},
|
|
paddingLeft: theme.spacing(2),
|
|
},
|
|
retryBtnCol: {
|
|
paddingRight: theme.spacing(1),
|
|
width: theme.spacing(14),
|
|
},
|
|
statusWrapper: {
|
|
display: "inline-block",
|
|
marginLeft: theme.spacing(2.5),
|
|
},
|
|
table: {
|
|
tableLayout: "fixed",
|
|
},
|
|
tableRow: {
|
|
cursor: "pointer",
|
|
},
|
|
text: {
|
|
color: theme.palette.text.secondary,
|
|
},
|
|
activateButton: {
|
|
"& img": {
|
|
marginRight: theme.spacing(1),
|
|
},
|
|
},
|
|
manifestUrl: {
|
|
marginRight: theme.spacing(1),
|
|
},
|
|
}),
|
|
{ name: "AppList" },
|
|
);
|