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">
<nav class="navbar" role="navigation" aria-label="main navigation">
<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 }}" />
<span class="app-title">
{{ appTitle }}

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

@ -2,34 +2,34 @@
.navbar-item {
color: $white;
.app-title {
color: $white;
}
a {
color: $white;
}
.fa {
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 {
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;

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

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

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

@ -108,3 +108,11 @@
margin-top: 0.5rem;
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;
}