Fix styling of app install ui (#2254)

* Fix styling of app install ui

* Fix dark mode colors
This commit is contained in:
Lukasz Ostrowski 2022-09-06 10:22:33 +02:00 committed by GitHub
parent c58c6ef3b4
commit daba8a381f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -119,8 +119,6 @@ export const useStyles = makeStyles(
padding: theme.spacing(2, 0), padding: theme.spacing(2, 0),
position: "relative", position: "relative",
width: theme.spacing(35), width: theme.spacing(35),
},
installCard: {
"&:before": { "&:before": {
backgroundColor: theme.palette.divider, backgroundColor: theme.palette.divider,
content: "''", content: "''",
@ -130,6 +128,8 @@ export const useStyles = makeStyles(
transform: "translateY(-50%)", transform: "translateY(-50%)",
width: theme.spacing(30), width: theme.spacing(30),
}, },
},
installCard: {
display: "flex", display: "flex",
justifyContent: "center", justifyContent: "center",
position: "relative", position: "relative",
@ -157,7 +157,10 @@ export const useStyles = makeStyles(
marginTop: theme.spacing(1), marginTop: theme.spacing(1),
}, },
installSaleorIcon: { installSaleorIcon: {
backgroundColor: theme.palette.secondary.main, backgroundColor:
theme.palette.type === "dark"
? theme.palette.saleor.gray.default
: theme.palette.saleor.main[1],
border: "none", border: "none",
}, },
installSpacer: { installSpacer: {