forked from tykayn/funky-framadate-front
move nav padding, simplify home screen
This commit is contained in:
parent
c0e348978c
commit
24653ba480
@ -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>
|
||||||
|
@ -19,7 +19,3 @@ $input-shadow: none;
|
|||||||
display: block !important;
|
display: block !important;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
|
||||||
padding-top: $header-nav-height;
|
|
||||||
}
|
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user