login mechanism

src/components/main/Header/index.tsx

@@ -1,12 +1,12 @@
 import * as React from 'react';
+import { Logo } from "$components/main/Logo";
+
 const style = require('./style.scss');
 
 export const Header = () => (
   <div className="default_container head_container">
     <div className={style.container}>
-      <div className={style.logo}>
-        VAULT
-      </div>
+      <Logo />
       <div className={style.spacer} />
       <div className={style.plugs}>
         <div>depth</div>

src/components/main/Header/style.scss

@@ -7,11 +7,6 @@
   height: 100px;
 }
 
-.logo {
-  font-size: 1.4em;
-  font-weight: 800;
-  display: flex;
-}
 
 .spacer {
   flex: 1;
@@ -36,7 +31,12 @@
       display: block;
     }
 
-    &:last-child::after { display: none; }
+    &:last-child {
+      padding-right: 0;
+
+      &::after { display: none; }
+    }
+
   }
 }
 

src/components/main/Logo/index.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react';
+const style = require('./style.scss');
+
+export const Logo = () => (
+  <div className={style.logo}>
+    VAULT
+  </div>
+);

src/components/main/Logo/style.scss

@@ -0,0 +1,5 @@
+.logo {
+  font-size: $text_sign;
+  font-weight: 800;
+  display: flex;
+}