Sass Login

classic/sass/src/view/evoksi/Evoksi.scss

@@ -12,6 +12,7 @@
     &.#{$prefix}btn-over,
     &.#{$prefix}btn-focus {
         background-color: #ebeef0 !important;
+        border: 2px solid #1b72af !important;
         @include box-shadow(none !important);
 
         .#{$prefix}btn-inner {
@@ -23,6 +24,49 @@
     }
 }
 
+.evoksi-view-login {
+
+    .#{$prefix}title {
+        text-align: center;
+        div {
+            font-weight: bold;
+        }
+    }
+
+    .#{$prefix}panel-body {
+        background-color: #d7e9f5;
+        border-color: #d7e9f5;
+
+        .#{$prefix}field {
+            margin-left: 13px;
+
+            &:first-child {
+                margin-top: 80px;
+            }
+        }
+
+        label {
+
+            span {
+                border-bottom: 2px solid #1b72af;
+                color: #1b72af;
+                font-weight: bold;
+                width: 73px !important;
+            }
+        }
+    }
+
+    .#{$prefix}toolbar {
+        background-color: #d7e9f5;
+        border-color: #d7e9f5;
+
+        .#{$prefix}btn {
+            left: calc(50% - 74px) !important;
+            width: 50%;
+        }
+    }
+}
+
 .evoksi-view-evoksi {
     
         .#{$prefix}toolbar {
@@ -102,6 +146,7 @@
                 &.#{$prefix}btn-over,
                 &.#{$prefix}btn-focus {
                     background-color: #ebeef0;
+                    border: 2px solid #a9364d !important;
                     @include box-shadow(none);
     
                     .#{$prefix}btn-inner {

classic/src/view/evoksi/EvoksiController.js

@@ -241,6 +241,7 @@ Ext.define('Evoksi.view.evoksi.EvoksiController', {
         var loginWindow = Ext.create('Ext.panel.Panel', {
             floating: true,
             centered: true,
+            cls: 'evoksi-view-login',
             title: 'Login',
             modal: true,
             width: 300,