machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update navbar background color

Browse Source
This commit is contained in:
natsoni 2024-04-10 12:25:30 +09:00
parent b0058e94ce
commit 9f6521b987
No known key found for this signature in database
GPG Key ID: C65917583181743B
4 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,6 @@
<ng-container *ngIf="{ val: network$ | async } as network"> <ng-container *ngIf="{ val: network$ | async } as network">
<header class="sticky-header"> <header class="sticky-header">
<nav class="navbar navbar-expand-md navbar-dark bg-dark"> <nav class="navbar navbar-expand-md navbar-dark">
<a class="navbar-brand" [routerLink]="['/' | relativeUrl]" style="position: relative;"> <a class="navbar-brand" [routerLink]="['/' | relativeUrl]" style="position: relative;">
<ng-container *ngIf="{ val: connectionState$ | async } as connectionState"> <ng-container *ngIf="{ val: connectionState$ | async } as connectionState">
<div class="logo" [ngStyle]="{'opacity': connectionState.val === 2 ? 1 : 0.5 }"> <div class="logo" [ngStyle]="{'opacity': connectionState.val === 2 ? 1 : 0.5 }">

3
frontend/src/app/components/liquid-master-page/liquid-master-page.component.scss
View File

@ -17,6 +17,7 @@ fa-icon {
.navbar { .navbar {
z-index: 100; z-index: 100;
min-height: 64px; min-height: 64px;
background-color: var(--bg);
} }
li.nav-item { li.nav-item {
@ -152,7 +153,7 @@ nav {
} }
} }
.navbar-dark .navbar-nav .nav-link { .navbar-dark .navbar-nav .nav-link {
color: #f1f1f1; color: var(--icon);
} }
.current-network-svg { .current-network-svg {

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 *ngIf="headerVisible" class="sticky-header"> <header *ngIf="headerVisible" class="sticky-header">
<nav class="navbar navbar-expand-md navbar-dark bg-dark"> <nav class="navbar navbar-expand-md navbar-dark">
<!-- Hamburger --> <!-- Hamburger -->
<ng-container *ngIf="servicesEnabled"> <ng-container *ngIf="servicesEnabled">
<div *ngIf="user" class="profile_image_container" [class]="{'anon': !user.imageMd5}" (click)="hamburgerClick($event)"> <div *ngIf="user" class="profile_image_container" [class]="{'anon': !user.imageMd5}" (click)="hamburgerClick($event)">

3
frontend/src/app/components/master-page/master-page.component.scss
View File

@ -18,6 +18,7 @@ fa-icon {
z-index: 100; z-index: 100;
min-height: 64px; min-height: 64px;
width: 100%; width: 100%;
background-color: var(--bg);
} }
li.nav-item { li.nav-item {
@ -179,7 +180,7 @@ nav {
} }
} }
.navbar-dark .navbar-nav .nav-link { .navbar-dark .navbar-nav .nav-link {
color: #f1f1f1; color: var(--icon);
} }
.subdomain_logo { .subdomain_logo {