move nav padding, simplify home screen

This commit is contained in:
Tykayn 2021-12-13 14:26:36 +01:00 committed by tykayn
parent c0e348978c
commit 24653ba480
7 changed files with 24 additions and 13 deletions

View File

@ -15,10 +15,8 @@
[appTitle]="appTitle" [appTitle]="appTitle"
[appLogo]="appLogo" [appLogo]="appLogo"
></app-header> ></app-header>
<div [class.container]="!onHomePage">
<main [@routeAnimations]="prepareRoute(outlet)"> <main [@routeAnimations]="prepareRoute(outlet)">
<router-outlet #outlet></router-outlet> <router-outlet #outlet></router-outlet>
</main> </main>
</div>
</div> </div>
<app-footer *ngIf="onHomePage || environment.display_menu_creation"></app-footer> <app-footer *ngIf="onHomePage || environment.display_menu_creation"></app-footer>

View File

@ -19,7 +19,3 @@ $input-shadow: none;
display: block !important; display: block !important;
width: 80%; width: 80%;
} }
html {
padding-top: $header-nav-height;
}

View File

@ -277,6 +277,8 @@ mat-checkbox {
padding: 2rem 1rem; padding: 2rem 1rem;
box-sizing: border-box; box-sizing: border-box;
overflow: auto; overflow: auto;
@extend .top-padding-nav;
.title { .title {
color: $d-primary-intense; color: $d-primary-intense;
margin-bottom: 36px; margin-bottom: 36px;

View File

@ -117,7 +117,7 @@ a span.ui-steps-number {
width: 100%; width: 100%;
position: fixed; position: fixed;
right: 0; right: 0;
padding: 1rem 0; padding: 1rem 0.5rem;
.button { .button {
display: inline-block; display: inline-block;

View File

@ -6,6 +6,9 @@
} }
// wide screen like desktop // wide screen like desktop
@media (min-width: $widescreen) { @media (min-width: $widescreen) {
.step {
padding: 2rem 0;
}
.date-choice > input:first-of-type { .date-choice > input:first-of-type {
width: 75%; width: 75%;
} }

View File

@ -1,8 +1,19 @@
@charset "UTF-8"; @charset "UTF-8";
html { html {
font-size: 1rem; /* 10px */ font-size: 1rem; /* equals 16px */
color: $font_color; color: $font_color;
height: 100%;
* {
box-sizing: border-box;
}
overflow-x: hidden;
}
body {
height: 100%;
overflow-x: hidden;
} }
form { form {
@ -81,7 +92,9 @@ main {
} }
} }
} }
.top-padding-nav {
padding-top: $header-nav-height;
}
.contained-in-main-column { .contained-in-main-column {
max-width: $main-column-width; max-width: $main-column-width;
margin: 0 auto; margin: 0 auto;

View File

@ -1,6 +1,5 @@
#big_container { #big_container {
background: $white; background: $white;
main { main {
margin-bottom: 2em; margin-bottom: 2em;
padding-bottom: 5em; padding-bottom: 5em;