From 13dbecefc6cfe8e8b0be966ad7852ea32aa4f3cf Mon Sep 17 00:00:00 2001
From: Vitalii Lysak <v.lysak@dunice.net>
Date: Wed, 29 Jun 2022 16:10:30 +0300
Subject: add mobile template, login

---
 src/layouts/LoginLayout.vue | 29 +++++++++++++++++++++++++++++
 src/views/Login/Login.vue   |  6 ++++++
 2 files changed, 35 insertions(+)

(limited to 'src')

diff --git a/src/layouts/LoginLayout.vue b/src/layouts/LoginLayout.vue
index ea9004a98..63330c229 100644
--- a/src/layouts/LoginLayout.vue
+++ b/src/layouts/LoginLayout.vue
@@ -79,4 +79,33 @@ export default {
   margin: 0;
   padding: 0;
 }
+
+@media (max-width: 992px) {
+  .login-container {
+    flex-direction: column;
+
+    .login-aside {
+      width: 100%;
+      min-height: 40vh;
+      height: 40vh;
+
+      .login-aside__picture {
+        width: 100%;
+        height: 40vh;
+      }
+    }
+
+    .login-main {
+      width: 100%;
+      min-height: 40vh;
+      height: 40vh;
+    }
+  }
+}
+
+@media (max-width: 576px) {
+  .login-form {
+    width: 90%;
+  }
+}
 </style>
diff --git a/src/views/Login/Login.vue b/src/views/Login/Login.vue
index f01cdd521..582e19f0d 100644
--- a/src/views/Login/Login.vue
+++ b/src/views/Login/Login.vue
@@ -189,4 +189,10 @@ export default {
   height: 36px;
   width: 380px;
 }
+
+@media (max-width: 576px) {
+  .login-button {
+    width: 100%;
+  }
+}
 </style>
-- 
cgit v1.2.3