Add: Log in / Sign upの時にエラーが出たらAlertを表示する

Debug: Tray Icon, PopUpWindow, Menuがいつの間にか消える

browser/styles/main/containers/LoginContainer.styl

@@ -54,8 +54,18 @@
   form
     width 400px
     margin 0 auto 45px
+    .alertInfo, .alertError
+      margin-top 15px
+      margin-bottom 15px
+      height 44px
+      text-align center
+      border-radius 22px
+    .alertInfo
+      alertInfo()
+    .alertError
+      alertError()
     div.form-group:last-child
-      margin-top 45px
+      margin-top 15px
       button.logInButton
         btnPrimary()
         height 44px

browser/styles/mixins/alert.styl

@@ -0,0 +1,18 @@
+alert()
+  line-height 44px
+  border-radius 5px
+
+alertSuccess()
+  alert()
+  background-color successBackgroundColor
+  color successTextColor
+
+alertError()
+  alert()
+  background-color errorBackgroundColor
+  color errorTextColor
+
+alertInfo()
+  alert()
+  background-color infoBackgroundColor
+  color infoTextColor

browser/styles/shared/modal.styl

@@ -175,8 +175,6 @@
             width 250px
           .alertSuccess, .alertError, .alertInfo
             float right
-            line-height 44px
-            border-radius 5px
             transition 0.1s
             overflow hidden
             white-space nowrap
@@ -185,14 +183,11 @@
             &.hide
               width 0
           .alertSuccess
-            background-color successBackgroundColor
-            color successTextColor
+            alertSuccess()
           .alertError
-            background-color errorBackgroundColor
-            color errorTextColor
+            alertError()
           .alertInfo
-            background-color infoBackgroundColor
-            color infoTextColor
+            alertInfo()
           .saveButton
             float right
       .contact
@@ -213,8 +208,6 @@
             float right
           .alertSuccess, .alertError, .alertInfo
             float right
-            line-height 44px
-            border-radius 5px
             transition 0.1s
             overflow hidden
             white-space nowrap
@@ -223,14 +216,11 @@
             &.hide
               width 0
           .alertSuccess
-            background-color successBackgroundColor
-            color successTextColor
+            alertSuccess()
           .alertError
-            background-color errorBackgroundColor
-            color errorTextColor
+            alertError()
           .alertInfo
-            background-color infoBackgroundColor
-            color infoTextColor
+            alertInfo()
       .info
         text-align left
         .infoLabel