tykayn/funky-framadate-front
1
1
Fork 1
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git synced 2023-08-25 13:53:14 +02:00
Code Issues Projects Releases Wiki Activity

header style

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/core/components/footer/footer.component.scss
View File

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

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

@ -2,7 +2,7 @@
<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="logo-home-link" routerLink="/"> <a class="logo-home-link navbar-item" routerLink="/">
<img <img
class="header-app-logo app-logo logo" class="header-app-logo app-logo logo"
*ngIf="appLogo" *ngIf="appLogo"
@ -10,7 +10,7 @@
alt="{{ appTitle }}" alt="{{ appTitle }}"
/> />
</a> </a>
<a class="logo-home-link" routerLink="/"> <a class="logo-home-link navbar-item" routerLink="/">
<span class="app-title"> <span class="app-title">
{{ appTitle }} {{ appTitle }}
</span> </span>
@ -54,7 +54,7 @@
<div class="navbar-end"> <div class="navbar-end">
<!-- navbar items --> <!-- navbar items -->
<span class="navbar-item give-to-project"> <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 Faire un don
</a> </a>
</span> </span>

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

@ -10,6 +10,13 @@
a { a {
color: $white; color: $white;
&:hover {
background: $primary_color;
color: $white;
}
}
img {
max-height: $header-nav-height;
} }
.fa { .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 { .give-to-project {
.button { .button {
background: transparent; background: transparent;
@ -42,7 +35,3 @@ app-language-selector {
color: $white; color: $white;
} }
} }
.header-app-logo {
margin-top: 1rem;
}