Просмотр исходного кода

Modified the code based off the second FB

Shunm634-source 3 лет назад
Родитель
Сommit
1f16f49562

+ 0 - 169
packages/app/src/components/Layout/Installer.module.scss

@@ -1,169 +0,0 @@
-@use '~/styles/bootstrap/init' as *;
-
-
-.nologin :global {
-  #page-wrapper {
-    background: none;
-  }
-
-  // layout
-  #wrapper {
-    height: 100vh;
-
-    #page-wrapper {
-      display: flex;
-      align-items: center;
-      height: 100vh;
-      margin-top: 0px;
-
-      .main {
-        width: 100vw;
-
-        > .row {
-          margin-right: 20px;
-          margin-left: 20px;
-        }
-
-        .login-header {
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          padding-top: 30px;
-          padding-bottom: 10px;
-        }
-
-        .login-form-errors {
-          width: 100%;
-
-          .alert {
-            padding: 5px;
-            margin-top: 10px;
-            margin-bottom: 0;
-
-            ul {
-              padding-left: 1.5em;
-            }
-          }
-        }
-      }
-
-      // .main
-    }
-
-    // #page-wrapper
-  }
-
-  // #wrapper
-
-  // styles
-  .login-header {
-    h1 {
-      font-size: 22px;
-      line-height: 1em;
-    }
-  }
-
-  .dropdown-with-icon {
-    .dropdown-toggle {
-      @extend .form-control;
-    }
-    i {
-      @extend .input-group-text;
-      margin-right: -1px;
-    }
-  }
-
-  .input-group {
-    margin-bottom: 10px;
-
-    .input-group-text {
-      text-align: center;
-      border: none;
-      border-radius: 0;
-    }
-  }
-
-  .input-group:not(.has-error) {
-    .form-control {
-      border: transparent;
-    }
-  }
-
-  // .collapse-external-auth {
-  //   overflow: hidden;
-  // }
-
-  $btn-fill-colors: (
-    'login': (
-      rgba($danger, 0.4),
-      rgba(#7e4153, 0.7),
-    ),
-    'register': (
-      rgba($success, 0.4),
-      rgba(#3f7263, 0.7),
-    ),
-    'google': (
-      rgba(#24292e, 0.4),
-      $gray-700,
-    ),
-    'github': (
-      rgba(lighten(black, 20%), 0.4),
-      $gray-700,
-    ),
-    'facebook': (
-      rgba(#29487d, 0.4),
-      $gray-700,
-    ),
-    'twitter': (
-      rgba(#1da1f2, 0.4),
-      $gray-700,
-    ),
-    'oidc': (
-      rgba(#24292e, 0.4),
-      $gray-700,
-    ),
-    'saml': (
-      rgba(#55a79a, 0.4),
-      $gray-700,
-    ),
-    'basic': (
-      rgba(#24292e, 0.4),
-      $gray-700,
-    ),
-  );
-
-  @each $label, $colors in $btn-fill-colors {
-    .btn-fill##{$label} {
-      .btn-label {
-        background-color: nth($colors, 1);
-      }
-      .eff {
-        background-color: nth($colors, 2);
-      }
-    }
-  }
-
-  // footer link text
-  .link-growi-org {
-    font-size: smaller;
-    font-weight: bold;
-
-    &,
-    .growi,
-    .org {
-      transition: color 0.8s;
-    }
-  }
-}
-
-.login-header,
-.login-dialog {
-  max-width: 480px;
-}
-
-.nologin.error {
-  .alert h2 {
-    line-height: 1em;
-  }
-
-}

+ 20 - 0
packages/app/src/components/Layout/Invited.module.scss

@@ -0,0 +1,20 @@
+.invited,
+.nologin.error {
+  .main .row {
+    @media (min-width: 510px) {
+      .offset-sm-4 {
+        margin-left: calc(50% - 240px);
+      }
+
+      .col-sm-4 {
+        width: 480px;
+      }
+    }
+  }
+}
+
+.nologin.error {
+  .alert h2 {
+    line-height: 1em;
+  }
+}

+ 0 - 21
packages/app/src/components/Layout/Login.module.scss

@@ -42,24 +42,3 @@
     height: 0% !important;
   }
 }
-
-.invited,
-.nologin.error {
-  .main .row {
-    @media (min-width: 510px) {
-      .offset-sm-4 {
-        margin-left: calc(50% - 240px);
-      }
-
-      .col-sm-4 {
-        width: 480px;
-      }
-    }
-  }
-}
-
-.nologin.error {
-  .alert h2 {
-    line-height: 1em;
-  }
-}

+ 0 - 7
packages/app/src/components/Layout/NoLoginLayout.module.scss

@@ -159,10 +159,3 @@
     max-width: 480px;
   }
 }
-
-// .nologin.error {
-//   .alert h2 {
-//     line-height: 1em;
-//   }
-
-// }

+ 0 - 1
packages/app/src/pages/installer.page.tsx

@@ -7,7 +7,6 @@ import {
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
 import { NoLoginLayout } from '~/components/Layout/NoLoginLayout';
-import { RawLayout } from '~/components/Layout/RawLayout';
 
 import InstallerForm from '../components/InstallerForm';
 import {