dev #2
@@ -122,18 +122,17 @@ async function handleLogin() {
|
|||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.login-page {
|
.login-page {
|
||||||
min-height: 100vh;
|
height: 100vh;
|
||||||
min-height: 100dvh;
|
height: 100dvh;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: minmax(0, 58fr) minmax(500px, 42fr);
|
grid-template-columns: minmax(0, 58fr) minmax(500px, 42fr);
|
||||||
overflow-x: hidden;
|
overflow: hidden;
|
||||||
overflow-y: auto;
|
|
||||||
background: #fcfcfe;
|
background: #fcfcfe;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-visual {
|
.login-visual {
|
||||||
min-height: 100vh;
|
min-height: 0;
|
||||||
min-height: 100dvh;
|
height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #121127;
|
background-color: #121127;
|
||||||
@@ -152,7 +151,8 @@ async function handleLogin() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.login-visual-content {
|
.login-visual-content {
|
||||||
min-height: inherit;
|
min-height: 0;
|
||||||
|
height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -204,8 +204,8 @@ async function handleLogin() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.login-panel {
|
.login-panel {
|
||||||
min-height: 100vh;
|
min-height: 0;
|
||||||
min-height: 100dvh;
|
height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
display: grid;
|
display: grid;
|
||||||
place-items: center;
|
place-items: center;
|
||||||
@@ -514,6 +514,9 @@ async function handleLogin() {
|
|||||||
@media (max-width: 900px) {
|
@media (max-width: 900px) {
|
||||||
.login-page {
|
.login-page {
|
||||||
display: block;
|
display: block;
|
||||||
|
height: auto;
|
||||||
|
min-height: 100vh;
|
||||||
|
min-height: 100dvh;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -522,6 +525,7 @@ async function handleLogin() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.login-panel {
|
.login-panel {
|
||||||
|
height: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
min-height: 100dvh;
|
min-height: 100dvh;
|
||||||
padding: 116px 32px 84px;
|
padding: 116px 32px 84px;
|
||||||
|
|||||||
Reference in New Issue
Block a user