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

Merge pull request #4942 from mempool/natsoni/fix-header-color-theme

Browse Source 
Fix header color theme
This commit is contained in:
softsimon 2024-04-10 14:37:56 +09:00 committed by GitHub
commit ba6a7b58aa
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
7 changed files with 9 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 {

1
frontend/src/styles.scss
View File

@ -72,6 +72,7 @@ $dropdown-link-active-bg: $active-bg;
--tertiary: #{$tertiary}; --tertiary: #{$tertiary};
--success: #{$success}; --success: #{$success};
--info: #{$info}; --info: #{$info};
--icon: #f1f1f1;
--box-bg: #24273e; --box-bg: #24273e;
--stat-box-bg: #181b2d; --stat-box-bg: #181b2d;

1
frontend/src/theme-contrast.scss
View File

@ -69,6 +69,7 @@ $dropdown-link-active-bg: $active-bg;
--tertiary: #{$tertiary}; --tertiary: #{$tertiary};
--success: #{$success}; --success: #{$success};
--info: #{$info}; --info: #{$info};
--icon: #f1f1f1;
--box-bg: #171c2a; --box-bg: #171c2a;
--stat-box-bg: #0b1018; --stat-box-bg: #0b1018;

1
frontend/src/theme-wiz.scss
View File

@ -69,6 +69,7 @@ $dropdown-link-active-bg: $active-bg;
--tertiary: #{$tertiary}; --tertiary: #{$tertiary};
--success: #{$success}; --success: #{$success};
--info: #{$info}; --info: #{$info};
--icon: #f1f1f1;
--box-bg: #171c2a; --box-bg: #171c2a;
--stat-box-bg: #0b1018; --stat-box-bg: #0b1018;