highperfocused/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-04-23 23:10:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

Switch hammer to pickaxe

Browse Source
This commit is contained in:
hunicus 2025-04-07 15:36:04 +09:00
parent 66159597f5
commit 5555e5c0b0
4 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -86,8 +86,8 @@
<fa-icon [icon]="['fas', 'rocket']" [fixedWidth]="true" i18n-title="master-page.accelerator-dashboard" title="Accelerator Dashboard"></fa-icon>
</a>
</li>
<li class="nav-item" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" id="btn-pools" *ngIf="stateService.env.MINING_DASHBOARD">
<a class="nav-link" [routerLink]="['/mining' | relativeUrl]" (click)="collapse()"><fa-icon [icon]="['fas', 'hammer']" [fixedWidth]="true" i18n-title="mining.mining-dashboard" title="Mining Dashboard"></fa-icon></a>
<li class="nav-item mining" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" id="btn-pools" *ngIf="stateService.env.MINING_DASHBOARD">
<a class="nav-link" [routerLink]="['/mining' | relativeUrl]" (click)="collapse()"><div class="svg-wrapper"><app-svg-images name="pickaxe"></app-svg-images></div></a>
</li>
<li class="nav-item" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" id="btn-lightning" *ngIf="stateService.networkSupportsLightning()">
<a class="nav-link" [routerLink]="['/lightning' | relativeUrl]" (click)="collapse()"><fa-icon [icon]="['fas', 'bolt']" [fixedWidth]="true" i18n-title="master-page.lightning" title="Lightning Explorer"></fa-icon>

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

@ -26,18 +26,29 @@ li.nav-item {
margin: auto 10px;
padding-left: 10px;
padding-right: 10px;
align-content: center;
&.mining .svg-wrapper {
height: 19.2px;
width: auto;
margin-bottom: 8px;
}
@media (max-width: 992px) {
margin: auto 7px;
margin: 0;
padding-left: 8px;
padding-right: 8px;
&.mining .svg-wrapper {
height: 25.6px;
width: auto;
margin-bottom: 0;
}
}
@media (max-width: 429px) {
margin: auto 5px;
margin: 0;
padding-left: 6px;
padding-right: 6px;
}
@media (max-width: 369px) {
margin: auto 3px;
margin: 0;
padding-left: 4px;
padding-right: 4px;
}

7
frontend/src/app/components/svg-images/svg-images.component.html
View File

@ -1,4 +1,11 @@
<ng-container [ngSwitch]="name">
<ng-container *ngSwitchCase="'pickaxe'">
<svg width="auto" height="100%" viewBox="0 0 576 512" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M37.1282 382.744L311.245 161.525C327.98 173.42 363.361 205.312 375.969 221.993L122.524 474.015C104.992 494.327 78.9977 506 51.6729 506C27.8224 504.502 4 481.637 4 451.15C4 424.768 16.2115 399.671 37.1282 382.744Z" fill="#F1F1F1"/>
<path d="M566.794 348.751L559.009 356.859C552.482 363.658 541.256 363.41 535.083 356.313C506.279 323.193 429.363 236.348 369.282 182.93C309.201 129.512 213.164 62.5843 176.579 37.5669C168.739 32.2058 167.597 21.4564 174.123 14.6583L179.642 8.90996C183.5 4.89211 189.298 3.17466 194.843 4.37685C257.802 18.0256 321.563 29.3014 384.889 75.9914C391.607 80.9446 401.248 80.3645 406.991 74.3825C412.928 68.199 422.992 67.7736 429.418 73.4866L471.383 110.798C477.809 116.511 478.205 126.155 472.268 132.339L471.577 133.059C466.086 138.778 465.99 147.549 471.11 153.579C518.429 209.312 539.345 263.753 569.722 332.358C572.176 337.9 571.042 344.326 566.794 348.751Z" fill="#F1F1F1"/>
</svg>
</ng-container>
<ng-container *ngSwitchCase="'VISA'">
<svg xmlns="http://www.w3.org/2000/svg" [attr.width]="width" [attr.height]="height" viewBox="0 0 576 512" fill="white" xmlns="http://www.w3.org/2000/svg">
<!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->

3
frontend/src/app/shared/shared.module.ts
View File

@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { NgbCollapseModule, NgbTypeaheadModule } from '@ng-bootstrap/ng-bootstrap';
import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
import { faFilter, faAngleDown, faAngleUp, faAngleRight, faAngleLeft, faBolt, faChartArea, faCogs, faCubes, faHammer, faDatabase, faExchangeAlt, faInfoCircle,
import { faFilter, faAngleDown, faAngleUp, faAngleRight, faAngleLeft, faBolt, faChartArea, faCogs, faCubes, faDatabase, faExchangeAlt, faInfoCircle,
faLink, faList, faSearch, faCaretUp, faCaretDown, faTachometerAlt, faThList, faTint, faClock, faAngleDoubleDown, faSortUp, faAngleDoubleUp, faChevronDown,
faFileAlt, faRedoAlt, faArrowAltCircleRight, faExternalLinkAlt, faBook, faListUl, faDownload, faQrcode, faArrowRightArrowLeft, faArrowsRotate, faCircleLeft,
faFastForward, faWallet, faUserClock, faWrench, faUserFriends, faQuestionCircle, faHistory, faSignOutAlt, faKey, faSuitcase, faIdCardAlt, faNetworkWired, faUserCheck,
@ -401,7 +401,6 @@ export class SharedModule {
library.addIcons(faClock);
library.addIcons(faTachometerAlt);
library.addIcons(faCubes);
library.addIcons(faHammer);
library.addIcons(faCogs);
library.addIcons(faThList);
library.addIcons(faList);