Deleted the redundant code

packages/app/src/components/Layout/Installer.module.scss

@@ -154,52 +154,8 @@
       transition: color 0.8s;
     }
   }
-
-  // .link-switch {
-  //   color: $gray-200;
-
-  //   &:hover {
-  //     color: white;
-  //   }
-  // }
 }
 
-// .login-page {
-//   // layout
-//   .main .row .login-header,
-//   .login-dialog {
-//     width: 320px;
-//   }
-
-//   .link-growi-org {
-//     position: absolute;
-//     bottom: 9px;
-//     z-index: 3;
-//   }
-
-//   // To adjust the behavior, this problem is not solved.
-//   // See https://github.com/AaronCCWong/react-card-flip/issues/56
-//   .react-card-front,
-//   .react-card-back {
-//     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;
-//       }
-//     }
-//   }
-// }
-
 .login-header,
 .login-dialog {
   max-width: 480px;

packages/app/src/components/Layout/NoLoginLayout.tsx

@@ -5,6 +5,8 @@ import Head from 'next/head';
 import { useGrowiTheme } from '~/stores/context';
 import { useNextThemes } from '~/stores/use-next-themes';
 
+import GrowiLogo from '../Icons/GrowiLogo';
+
 import { RawLayout } from './RawLayout';
 
 import styles from './Installer.module.scss';
@@ -33,7 +35,7 @@ export const NoLoginLayout = ({
 
                 <div className="col-md-12">
                   <div className="login-header mx-auto">
-                    <div className="logo"></div>
+                    <GrowiLogo />
                     <h1 className="my-3">GROWI</h1>
                     <div className="login-form-errors px-3"></div>
                   </div>

packages/app/src/styles/_login.scss

@@ -1,7 +1,7 @@
 @use '~/styles/bootstrap/init' as bs;
 
 
-.installer {
+.nologin {
   #page-wrapper {
     background: none;
   }