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"
[appLogo]="appLogo"
></app-header>
<div [class.container]="!onHomePage">
<main [@routeAnimations]="prepareRoute(outlet)">
<router-outlet #outlet></router-outlet>
</main>
</div>
</div>
<app-footer *ngIf="onHomePage || environment.display_menu_creation"></app-footer>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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