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

fix graph page links layout

Browse Source
This commit is contained in:
Mononaut 2023-06-05 14:02:13 -04:00
parent 30396c5dca
commit 9883e59f12
No known key found for this signature in database
GPG Key ID: A3F058E41374C04E
2 changed files with 23 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/app/components/statistics/statistics.component.html
View File

@ -12,19 +12,13 @@
<form [formGroup]="radioGroupForm" class="formRadioGroup" <form [formGroup]="radioGroupForm" class="formRadioGroup"
[class]="(stateService.env.MINING_DASHBOARD || stateService.env.LIGHTNING) ? 'mining' : 'no-menu'" (click)="saveGraphPreference()"> [class]="(stateService.env.MINING_DASHBOARD || stateService.env.LIGHTNING) ? 'mining' : 'no-menu'" (click)="saveGraphPreference()">
<div *ngIf="!isMobile()" class="btn-group btn-group-toggle"> <div class="small-buttons">
<label class="btn btn-primary btn-sm mr-2"> <a class="btn btn-primary btn-sm mb-0" [routerLink]="['/clock/mined/0' | relativeUrl]" style="color: white" id="btn-clock">
<a [routerLink]="['/tv' | relativeUrl]" style="color: white" id="btn-tv"> <fa-icon [icon]="['fas', 'clock']" [fixedWidth]="true" i18n-title="master-page.clockview" title="Clock view"></fa-icon>
<fa-icon [icon]="['fas', 'tv']" [fixedWidth]="true" i18n-title="master-page.tvview" title="TV view"></fa-icon> </a>
</a> <a *ngIf="!isMobile()" class="btn btn-primary btn-sm mb-0" [routerLink]="['/tv' | relativeUrl]" style="color: white" id="btn-tv">
</label> <fa-icon [icon]="['fas', 'tv']" [fixedWidth]="true" i18n-title="master-page.tvview" title="TV view"></fa-icon>
</div> </a>
<div class="btn-group btn-group-toggle">
<label class="btn btn-primary btn-sm mr-2">
<a [routerLink]="['/clock/mined/0' | relativeUrl]" style="color: white" id="btn-tv">
<fa-icon [icon]="['fas', 'clock']" [fixedWidth]="true" i18n-title="master-page.clockview" title="Clock view"></fa-icon>
</a>
</label>
</div> </div>
<div class="btn-group btn-group-toggle" name="radioBasic"> <div class="btn-group btn-group-toggle" name="radioBasic">
<label class="btn btn-primary btn-sm" [class.active]="radioGroupForm.get('dateSpan').value === '2h'"> <label class="btn btn-primary btn-sm" [class.active]="radioGroupForm.get('dateSpan').value === '2h'">

19
frontend/src/app/components/statistics/statistics.component.scss
View File

@ -150,17 +150,30 @@
margin: 0px 0px; margin: 0px 0px;
} }
.btn { .btn {
width: 49.25%; width: 50%;
flex-grow: 1;
flex-shrink: 1;
margin: 1px 0;
margin-right: 0.5rem;
@media (min-width: 830px) { @media (min-width: 830px) {
width: auto; width: auto;
} }
&:first-child {
margin-right: 0;
@media (min-width: 830px) {
margin-right: 0.5rem;
}
}
} }
.dropdown { .dropdown {
width: 49.25%;
display: flex; display: flex;
width: 50%;
flex-grow: 1;
flex-shrink: 1;
@media (min-width: 830px) { @media (min-width: 830px) {
width: auto; width: auto;
margin: 0px 5px; margin-left: 0.5rem;
} }
} }
#dropdownFees { #dropdownFees {