diff options
author | Vitalii Lysak <v.lysak@dunice.net> | 2022-06-29 16:10:30 +0300 |
---|---|---|
committer | Vitalii Lysak <v.lysak@dunice.net> | 2022-06-29 16:10:30 +0300 |
commit | 13dbecefc6cfe8e8b0be966ad7852ea32aa4f3cf (patch) | |
tree | e5c9155ad5c379dbfaf869ec808c2fe32b544ac3 /src | |
parent | 83d2ad4587bbf1ab415b488ac1ca5d5306361cef (diff) | |
download | webui-vue-13dbecefc6cfe8e8b0be966ad7852ea32aa4f3cf.tar.xz |
add mobile template, login
Diffstat (limited to 'src')
-rw-r--r-- | src/layouts/LoginLayout.vue | 29 | ||||
-rw-r--r-- | src/views/Login/Login.vue | 6 |
2 files changed, 35 insertions, 0 deletions
diff --git a/src/layouts/LoginLayout.vue b/src/layouts/LoginLayout.vue index ea9004a9..63330c22 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 f01cdd52..582e19f0 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> |