Revize 9d7ffbb6

Re #8800 - Přestylovat přihlašovací formulář

• change styles

src/assets/scss/_login.scss

@@ -1 +1 @@
 .login {
+  height: 100%;
   color: $white;
 
-  &.container {
+  .container {
     height: 100%;
     align-content: center;
   }
@@ -20 +21 @@
     margin-top: auto;
     margin-bottom: auto;
     border-radius: 10px;
-    background: #0B1226;
+    background: $primary;
+    border: 2px solid $primary;
+
+    .form-control {
+      border-color: #F2F2F2;
+      background-color: #F2F2F2;
+    }
   }
 
-  .btn-primary {
-    margin-top: $grid-gutter-width / 2;
-    width: 100px;
+  .input-group-prepend span {
+    padding-right: 18px;
+    padding-left: 18px;
+    border-color: $terciary;
     color: #F2F2F2;
-    border: 0;
-    background-color: #2A558C;
+    background: $terciary;
+  }
+
+  .p-button {
+    border-color: #F2F2F2;
+    background: $terciary;
 
-    @include hover-focus {
-      color: #091626;
+    @include hover-focus() {
+      color: $terciary;
+      border-color: #F2F2F2;
       background: #F2F2F2;
     }
   }
-
-  .input-group-prepend span{
-    width: 60px;
-    border: 0;
-    color: #F2F2F2;
-    background-color: #1B3059;
-  }
 }
 
 .login-logo {
@@ -59 +65 @@
   text-align: center;
   font-size: $h3-font-size;
 }
+
+.login-copyright {
+  displey: flex;
+  align-items: center;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  text-align: center;
+  color: $white;
+  background: $primary;
+
+  p {
+    margin-bottom: 0;
+    padding: ($grid-gutter-width / 2) 0;
+  }
+
+  a {
+    color: $white;
+  }
+}