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

logo size

Browse Source
This commit is contained in:
Tykayn 2021-12-13 18:30:25 +01:00 committed by tykayn
parent 8885a31fa5
commit 3794f1a641
4 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
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="navbar-item title logo-home-link has-text-black" routerLink="/"> <a class="title logo-home-link has-text-black" routerLink="/">
<img class="app-logo logo" *ngIf="appLogo" src="{{ appLogo }}" alt="{{ appTitle }}" /> <img class="app-logo logo" *ngIf="appLogo" src="{{ appLogo }}" alt="{{ appTitle }}" />
<span class="app-title"> <span class="app-title">
{{ appTitle }} {{ appTitle }}

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

@ -2,34 +2,34 @@
.navbar-item { .navbar-item {
color: $white; color: $white;
.app-title { .app-title {
color: $white; color: $white;
} }
a { a {
color: $white; color: $white;
} }
.fa { .fa {
margin: 0 1ch; margin: 0 1ch;
} }
} }
.app-logo {
max-width: $main-column-width-inner;
max-height: $main-column-width-inner;
height: 3rem;
width: 3rem;
display: inline-block;
}
.logo-home-link { .logo-home-link {
margin-top: 0; margin-top: 0;
line-height: $header-nav-inner-height; line-height: $header-nav-inner-height;
padding: 1rem !important; padding: 1rem !important;
font-size: 0.85rem; font-size: 0.85rem;
img {
width: 3rem;
height: 3rem;
}
&:hover { &:hover {
color: $font_color; color: $font_color;
} }
} }
.give-to-project { .give-to-project {
.button { .button {
background: transparent; background: transparent;

2
src/app/features/administration/stepper/stepper.component.html
View File

@ -59,7 +59,7 @@
routerLinkActive="active" routerLinkActive="active"
> >
<img <img
class="app-logo logo" class="stepper-app-logo logo"
*ngIf="environment.appLogo" *ngIf="environment.appLogo"
src="{{ environment.appLogo }}" src="{{ environment.appLogo }}"
alt="accueil {{ environment.appTitle }}" alt="accueil {{ environment.appTitle }}"

8
src/app/features/administration/stepper/stepper.component.scss
View File

@ -108,3 +108,11 @@
margin-top: 0.5rem; margin-top: 0.5rem;
display: inline-block; display: inline-block;
} }
.stepper-app-logo {
max-width: $main-column-width-inner;
max-height: $main-column-width-inner;
height: 3rem;
width: 3rem;
display: inline-block;
}