8ba29059a2
* wip * implement logo in all contexts * fix types * Improve icons rendering * Reuse App Header in Manage App page * Remove loading fallback icon for official Saleor apps. It will be fetched with manifest now * Imprve app fallback icon * wip fix tests * Remove useless test * Add sizes for logos queries * Fix thumbnail size
83 lines
1.9 KiB
TypeScript
83 lines
1.9 KiB
TypeScript
import { AppInstallation } from "@dashboard/apps/types";
|
|
import { makeStyles } from "@saleor/macaw-ui";
|
|
|
|
export const useStyles = makeStyles<AppInstallation>(
|
|
theme => ({
|
|
mainContent: {
|
|
display: "flex",
|
|
alignItems: "center",
|
|
gap: theme.spacing(2),
|
|
},
|
|
logo: {
|
|
backgroundColor: theme.palette.grey[300],
|
|
color: theme.palette.grey[600],
|
|
padding: theme.spacing(1.2),
|
|
borderRadius: theme.spacing(1),
|
|
borderWidth: 0,
|
|
},
|
|
name: {
|
|
fontWeight: 600,
|
|
},
|
|
tunnel: {
|
|
color: theme.palette.saleor.main[3],
|
|
whiteSpace: "nowrap",
|
|
},
|
|
failed: {
|
|
color: theme.palette.error.main,
|
|
whiteSpace: "nowrap",
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "flex-end",
|
|
gap: theme.spacing(1),
|
|
},
|
|
pending: {
|
|
color: theme.palette.saleor.main[3],
|
|
whiteSpace: "nowrap",
|
|
},
|
|
colSpinner: {
|
|
"& svg": {
|
|
textAlign: "right",
|
|
},
|
|
paddingLeft: theme.spacing(3),
|
|
paddingRight: theme.spacing(2),
|
|
display: "flex",
|
|
alignItems: "center",
|
|
},
|
|
actions: {
|
|
alignItems: "center",
|
|
display: "flex",
|
|
flexDirection: "row",
|
|
justifyContent: "flex-start",
|
|
textAlign: "right",
|
|
gap: theme.spacing(1),
|
|
width: "100%",
|
|
[theme.breakpoints.up("sm")]: {
|
|
width: "auto",
|
|
justifyContent: "flex-end",
|
|
},
|
|
},
|
|
externalAppLabel: {
|
|
cursor: "pointer",
|
|
},
|
|
col: {
|
|
paddingTop: theme.spacing(1),
|
|
paddingBottom: theme.spacing(1),
|
|
},
|
|
colLogo: {
|
|
width: "100%",
|
|
"&.MuiTableCell-root:first-child:not(.MuiTableCell-paddingCheckbox)": {
|
|
paddingLeft: theme.spacing(3),
|
|
width: "100%",
|
|
},
|
|
height: "auto",
|
|
},
|
|
colActions: {
|
|
"&&": {
|
|
paddingRight: theme.spacing(3),
|
|
textAlign: "right",
|
|
},
|
|
height: "auto",
|
|
},
|
|
}),
|
|
{ name: "InstalledAppListRow" },
|
|
);
|