mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-02-23 22:46:54 +01:00
Code Issues Projects Releases Wiki Activity

Right align mempool logo on mobile with dual logos

Browse source
This commit is contained in:
softsimon 2022-08-06 04:25:21 +04:00
parent 82bcac7c74
commit 5612a033d5
No known key found for this signature in database
GPG key ID: 488D7DCFB5A430D7
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/components/master-page/master-page.component.html
View file

@ -1,7 +1,7 @@
<ng-container *ngIf="{ val: network$ | async } as network"> <ng-container *ngIf="{ val: network$ | async } as network">
<header> <header>
<nav class="navbar navbar-expand-md navbar-dark bg-dark"> <nav class="navbar navbar-expand-md navbar-dark bg-dark">
<a class="navbar-brand" [routerLink]="['/' | relativeUrl]"> <a class="navbar-brand" [ngClass]="{'dual-logos': subdomain}" [routerLink]="['/' | relativeUrl]">
<ng-template [ngIf]="subdomain"> <ng-template [ngIf]="subdomain">
<div class="subdomain_container"> <div class="subdomain_container">
<img [src]="'/api/v1/enterprise/images/' + subdomain + '/logo'" class="subdomain_logo"> <img [src]="'/api/v1/enterprise/images/' + subdomain + '/logo'" class="subdomain_logo">

8
frontend/src/app/components/master-page/master-page.component.scss
View file

@ -9,6 +9,7 @@ fa-icon {
.navbar { .navbar {
z-index: 100; z-index: 100;
min-height: 64px; min-height: 64px;
width: 100%;
} }
li.nav-item { li.nav-item {
@ -86,6 +87,13 @@ li.nav-item {
height: 65px; height: 65px;
} }
.navbar-brand.dual-logos {
justify-content: space-between;
@media (max-width: 767.98px) {
width: 100%;
}
}
nav { nav {
box-shadow: 0px 0px 15px 0px #000; box-shadow: 0px 0px 15px 0px #000;
} }