IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/assets/scss/custom/gradido-custom/_body.scss
View File

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

10
frontend/src/assets/scss/custom/gradido-custom/_sections.scss
View File

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

2
frontend/src/assets/scss/gradido-template.scss
View File

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

8
frontend/src/layouts/AuthLayout_gdd.vue
View File

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