Merge branch 'bugfix/1416' of https://git.dilig.net/selenaaasi/trampa-frontend

src/pages/RegisterPages/RegisterSuccessful.js/RegisterSuccessful.js

@@ -30,10 +30,7 @@ const RegisterSuccessful = () => {
 
   return (
     <RegisterSuccessfulContainer>
-      <RiveComponent style={{
-        width: "500px",
-        height: "500px"
-      }}/>
+      <RiveComponent/>
 
       <RegisterTitle component="h1" variant="h5">
         {t("register.success")}

src/pages/RegisterPages/RegisterSuccessful.js/RegisterSuccessful.styled.js

@@ -8,10 +8,20 @@ export const RegisterSuccessfulContainer = styled(Container)`
   flex-direction: column;
   align-items: center;
   width: 536px;
-  height: 200px;
+  height: 500px;
   padding: 0;
+  & div {
+    height: 500px !important;
+  }
   & div canvas {
-    height: 300px;
+    width: 500px;
+  }
+  @media (max-width: 600px) {
+    width: 100%;
+    margin-top: 70px;
+    & div {
+      width: 230px !important;
+    }
   }
 `;
 export const RegisterTitle = styled(Typography)`
@@ -20,11 +30,16 @@ export const RegisterTitle = styled(Typography)`
   text-align: center;
   flex: 1;
   font-style: normal;
-  font-weight: 400;
+  font-weight: 700;
   font-size: 39px;
   line-height: 48px;
   color: ${selectedTheme.colors.primaryPurple};
   margin-top: 32px;
+  @media (max-width: 600px) {
+    width: 303px;
+    font-size: 36px;
+    line-height: 44px;
+  }
 `;
 export const RegisterDescription = styled(Typography)`
   font-family: ${selectedTheme.fonts.textFont};
@@ -39,4 +54,10 @@ export const RegisterDescription = styled(Typography)`
   text-align: center;
   color: ${selectedTheme.colors.primaryGrayText};
   margin-bottom: 20px;
+  @media (max-width: 600px) {
+    width: 241px;
+    font-size: 14px;
+    line-height: 19px;
+    margin-top: 9px;
+  }
 `;