color shema #ffffff for body, position reight side middle if xxl devices

This commit is contained in:
ogerly 2022-05-06 09:40:02 +02:00
parent 298a215230
commit 1e75ad23c6
4 changed files with 16 additions and 6 deletions

View File

@ -1,4 +1,4 @@
// Body
$body-bg: #f8f9fe !default;
$body-bg: #ffffff !default;
$body-color: $gray-700 !default;

View File

@ -1,4 +1,10 @@
// Body
$body-bg: #f8f9fe !default;
$body-color: $gray-700 !default;
$section-colors: () !default;
$section-colors: map-merge((
"primary": $body-bg,
"secondary": $secondary,
"light": $gray-400,
"dark": $dark,
"darker": $darker
), $section-colors);

View File

@ -1,6 +1,6 @@
html,
body {
height: 100%; /* both html and body */
height: 100%;
}
/* Navbar */

View File

@ -1,7 +1,7 @@
<template>
<div class="auth-template" ref="pageFontSize">
<mobile-start v-if="mobileStart" class="d-inline d-lg-none" @is-mobile-start="isMobileStart" />
<div>
<div class="h-100 align-middle">
<auth-header class="auth-header" />
<div class="left-content-box d-none d-lg-block">
@ -17,7 +17,7 @@
</div>
<b-row class="d-flex justify-content-center">
<b-row class="right-content d-flex justify-content-center">
<b-col sm="12" md="8" lg="6" offset-lg="6">
<div class="right-content-box">
<b-row class="mt-5 pl-2 pl-md-0 pl-lg-0">
@ -139,6 +139,10 @@ export default {
}
/* right */
.right-content {
height: 100%;
flex-direction: column-reverse;
}
.right-content-box {
max-width: 640px;
}