diff options
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> |