header style

This commit is contained in:
Tykayn 2021-12-16 12:05:49 +01:00 committed by tykayn
parent 7e64ec7f69
commit b84dd0bbd3
3 changed files with 15 additions and 21 deletions

View File

@ -1,5 +1,10 @@
@import '../../../../styles/variables';
.main-footer {
a {
color: #fff;
}
img {
max-height: $header-nav-inner-height;
}
}

View File

@ -2,7 +2,7 @@
<div class="contained-desktop">
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="logo-home-link" routerLink="/">
<a class="logo-home-link navbar-item" routerLink="/">
<img
class="header-app-logo app-logo logo"
*ngIf="appLogo"
@ -10,7 +10,7 @@
alt="{{ appTitle }}"
/>
</a>
<a class="logo-home-link" routerLink="/">
<a class="logo-home-link navbar-item" routerLink="/">
<span class="app-title">
{{ appTitle }}
</span>
@ -54,7 +54,7 @@
<div class="navbar-end">
<!-- navbar items -->
<span class="navbar-item give-to-project">
<a href="#" class="button is-outlined">
<a href="https://soutenir.framasoft.org" class="button is-outlined">
Faire un don
</a>
</span>

View File

@ -10,6 +10,13 @@
a {
color: $white;
&:hover {
background: $primary_color;
color: $white;
}
}
img {
max-height: $header-nav-height;
}
.fa {
@ -17,20 +24,6 @@
}
}
.logo-home-link {
margin-top: 0;
line-height: $header-nav-inner-height;
padding: 1rem !important;
font-size: 0.85rem;
img {
width: 3rem;
height: 3rem;
}
&:hover {
color: $font_color;
}
}
.give-to-project {
.button {
background: transparent;
@ -42,7 +35,3 @@ app-language-selector {
color: $white;
}
}
.header-app-logo {
margin-top: 1rem;
}