🐛 Fix view mode login size

CHANGES.md

@@ -27,6 +27,7 @@
 - Fix PDF exportation order [Taiga #4216](https://tree.taiga.io/project/penpot/issue/4216)
 - Fix some typos [Taiga #4215](https://tree.taiga.io/project/penpot/issue/4215)
 - Fix "no boards" message in viewer [Taiga #4243](https://tree.taiga.io/project/penpot/issue/4243)
+- Fix view mode login size [Taiga #4210](https://tree.taiga.io/project/penpot/issue/4210)
 
 ## 1.15.3-beta
 

frontend/resources/styles/main/layouts/login.scss

@@ -18,7 +18,6 @@
 .auth-sidebar {
   grid-column: 1 / span 1;
   height: 100vh;
-
   display: flex;
   padding-top: 7vh;
   flex-direction: column;
@@ -48,14 +47,31 @@
 }
 
 .auth-content {
-  align-items: center;
+  grid-column: 2 / span 1;
   background-color: $color-white;
   display: flex;
-  grid-column: 2 / span 1;
-  height: 100vh;
+  align-items: center;
   justify-content: center;
   position: relative;
-  min-height: 48rem;
+
+  .login-form {
+    margin-bottom: 30px;
+
+    .form-container {
+      width: 412px;
+      flex-direction: column;
+      .auth-buttons {
+        margin: $size-6 0 $size-4 0;
+        display: flex;
+        justify-content: center;
+        column-gap: 17px;
+      }
+
+      form {
+        margin: 2rem 0 0.5rem 0;
+      }
+    }
+  }
 
   input {
     margin-bottom: 0px;
@@ -71,21 +87,6 @@
     }
   }
 
-  .form-container {
-    width: 412px;
-
-    .auth-buttons {
-      margin: $size-6 0 $size-4 0;
-      display: flex;
-      justify-content: center;
-      column-gap: 17px;
-    }
-
-    form {
-      margin: 2rem 0 0.5rem 0;
-    }
-  }
-
   .btn-large {
     flex-grow: 1;
     font-size: 14px;
@@ -192,9 +193,8 @@
       }
     }
   }
-}
 
-.terms-login {
+  .terms-login {
     bottom: $size-5;
     font-size: $fs14;
     position: absolute;
@@ -202,4 +202,5 @@
     span {
       margin: 0 $size-2;
     }
+  }
 }

frontend/resources/styles/main/partials/modal.scss

@@ -1629,7 +1629,10 @@
   display: flex;
   font-family: "worksans", sans-serif;
   width: 472px;
-  height: auto;
+  height: 100%;
+  max-height: 700px;
+  position: relative;
+  overflow: auto;
   position: relative;
 
   .title {
@@ -1661,13 +1664,12 @@
     &.auth-content {
       align-items: initial;
       height: auto;
-    }
-
       .links {
         margin: 7px 0 0 0;
         text-align: left;
       }
     }
+  }
 
   .modal-footer {
     justify-content: center;