createStyles({
root: {
- backgroundImage: `url('/images/background-wave-orig.svg'), url('/images/background.svg')`,
- backgroundPosition: "center 250px, center center",
- backgroundRepeat: "no-repeat",
- backgroundSize: "2547px 980px,cover",
- backgroundBlendMode: "color-dodge",
position: "absolute",
top: 0,
left: 0,
@@ -121,10 +116,10 @@ const styles = (theme: Theme) =>
},
loginPage: {
height: "100%",
- maxWidth: 360,
margin: "auto",
},
loginContainer: {
+ flexDirection: "column",
"& .right-items": {
backgroundColor: "white",
borderRadius: 3,
@@ -233,6 +228,11 @@ const styles = (theme: Theme) =>
retryButton: {
alignSelf: "flex-end",
},
+ loginComponentContainer: {
+ maxWidth: 360,
+ width: "100%",
+ alignSelf: "center",
+ },
...spacingUtils,
});
@@ -622,7 +622,7 @@ const Login = ({
Multi-Cloud Object Storage
+ 
+