Liness/framadate-responsive
5
0
Fork 0
forked from tykayn/funky-framadate-front
Code Pull Requests Activity

line height on homepage

Browse Source
This commit is contained in:
Tykayn 2021-12-13 18:39:21 +01:00 committed by tykayn
parent 3794f1a641
commit 18d8fd7b00
4 changed files with 24 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/core/components/header/header.component.html
View File

@ -2,14 +2,18 @@
<div class="contained-desktop"> <div class="contained-desktop">
<nav class="navbar" role="navigation" aria-label="main navigation"> <nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="title logo-home-link has-text-black" routerLink="/"> <a class="logo-home-link" routerLink="/">
<img class="app-logo logo" *ngIf="appLogo" src="{{ appLogo }}" alt="{{ appTitle }}" /> <img
class="header-app-logo app-logo logo"
*ngIf="appLogo"
src="{{ appLogo }}"
alt="{{ appTitle }}"
/>
</a>
<a class="logo-home-link" routerLink="/">
<span class="app-title"> <span class="app-title">
{{ appTitle }} {{ appTitle }}
</span> </span>
<!-- <sub>-->
<!-- {{ environment.appVersion }}-->
<!-- </sub>-->
</a> </a>
</div> </div>
<div class="navbar-start"> <div class="navbar-start">
@ -42,14 +46,13 @@
Entraide Entraide
<i class="fa fa-chevron-down"></i> <i class="fa fa-chevron-down"></i>
</a> </a>
<span class="navbar-item is-visible-desktop">
<app-language-selector></app-language-selector>
</span>
</span> </span>
</div> </div>
<div class="navbar-end"> <div class="navbar-end">
<!-- navbar items --> <!-- navbar items -->
<span class="navbar-item">
<app-language-selector></app-language-selector>
</span>
<span class="navbar-item give-to-project"> <span class="navbar-item give-to-project">
<a href="#" class="button is-outlined"> <a href="#" class="button is-outlined">
Faire un don Faire un don
@ -59,6 +62,7 @@
<!-- navbar items --> <!-- navbar items -->
<div class="mobile-menu" *ngIf="mobileMenuVisible"> <div class="mobile-menu" *ngIf="mobileMenuVisible">
<!-- menu mobile--> <!-- menu mobile-->
<app-language-selector></app-language-selector>
<!-- <app-navigation [appTitle]="appTitle" [appLogo]="appLogo"></app-navigation>--> <!-- <app-navigation [appTitle]="appTitle" [appLogo]="appLogo"></app-navigation>-->
</div> </div>
</nav> </nav>

13
src/app/core/components/header/header.component.scss
View File

@ -1,12 +1,13 @@
@import '../../../../styles/variables'; @import '../../../../styles/variables';
.app-title {
color: $white !important;
line-height: 4rem;
display: inline-block;
}
.navbar-item { .navbar-item {
color: $white; color: $white;
.app-title {
color: $white;
}
a { a {
color: $white; color: $white;
} }
@ -41,3 +42,7 @@ app-language-selector {
color: $white; color: $white;
} }
} }
.header-app-logo {
margin-top: 1rem;
}

2
src/styles/partials/_datepicker.scss
View File

@ -74,7 +74,7 @@ p-calendar,
td span, td span,
.p-ripple { .p-ripple {
margin: 0; margin: 0;
padding: 0.5em; padding: 0.25em;
width: $cell-size; width: $cell-size;
height: $cell-size; height: $cell-size;
transition: all ease 0.5s; transition: all ease 0.5s;

2
src/styles/variables.scss
View File

@ -76,7 +76,7 @@ $header-nav-inner-height: 4rem;
$widescreen-width-main-column: 75rem; $widescreen-width-main-column: 75rem;
// datepicker // datepicker
$cell-size: 30px; $cell-size: 40px;
// css vars // css vars
:root { :root {