highperfocused/public-pool-ui
1
0
Fork 0
mirror of https://github.com/benjamin-wilson/public-pool-ui.git synced 2025-03-17 13:22:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

css work

Browse Source
This commit is contained in:
Ben Wilson 2023-08-09 20:45:42 -04:00
parent 4a4ece124f
commit a93776f907
9 changed files with 2030 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/components/dashboard/dashboard.component.html
View File

@ -226,15 +226,10 @@
</p-table>
</ng-template>
</div>
<div class="card">
<div class="card chart">
<ng-container *ngIf="chartData$ | async as chartData; else loadingChart">
<p-chart [data]="chartData" [options]="chartOptions"></p-chart>
</ng-container>

75
src/app/components/splash/splash.component.html
View File

@ -1,4 +1,4 @@
<div class="py-4 px-4 lg:px-8 mx-0 lg:mx-8 main">
<div class="py-4 px-1 md:px4 lg:px-8 mx-0 lg:mx-8 main">
<div class="grid justify-content-center">
<div class="col-12">
@ -6,11 +6,11 @@
<div class="card text-center">
<div>
<img style="height: 200px;" src="assets/layout/images/logo.svg" alt="logo">
<img id="logo" style="height: 200px;" src="assets/layout/images/logo.svg" alt="logo">
</div>
<div class="col-12 text-center">
<div class="col-12 text-center title">
<h1 class="text-900 font-normal">Public Pool</h1>
</div>
<div class="mb-4">
@ -35,44 +35,47 @@
<br>
<code>username: &lt;your BTC address&gt;.&lt;worker name&gt;, password: x</code>
</div>
<code>Pleb mining (under 50TH/s miners) mine with <b>NO FEES</b></code>
<span>Pleb mining (under 50TH/s miners) mine with <b>NO FEES</b></span>
<br>
<code>Miners with > 50TH/s will incur a 1.5% fee, a portion of which will go back into <a href="https://discord.gg/pF9smpe3yE" target="_blank">open source Bitcoin mining</a></code>
<span>Miners with > 50TH/s will incur a 1.5% fee, a portion of which will go back into <a
href="https://discord.gg/pF9smpe3yE" target="_blank">open source Bitcoin mining</a></span>
<br>
<br>
<code>No second best.</code>
<span>No second best.</span>
</div>
<div class="field mt-8 mb-8">
<input [formControl]="address" placeholder="Address (bc1...)" pInputText id="address" type="text"
class="p-inputtext p-component p-element">
<button [disabled]="address.invalid" class="ml-3 mt-3" pButton label="My Workers"
[routerLink]="['app',address.value]"></button>
</div>
</div>
</div>
<div class="col-12">
<div class="card">
<h4>Login</h4>
<div class="field text-center">
<div>
<div class="card chart">
<div class="text-center mb-2">Uptime: {{uptime$ | async | dateAgo}}</div>
<ng-container *ngIf="chartData$ | async as chartData; else loadingChart">
<p-chart [responsive]="true" type="line" [data]="chartData" [options]="chartOptions"></p-chart>
</ng-container>
<ng-template #loadingChart>
<p-skeleton width="100%" height="40vh"></p-skeleton>
</ng-template>
<input [formControl]="address" placeholder="Address (bc1...)" pInputText id="address" type="text"
class="p-inputtext p-component p-element">
<button [disabled]="address.invalid" class="ml-3 mt-3" pButton label="My Workers"
[routerLink]="['app',address.value]"></button>
</div>
</div>
</div>
<div class="col-12">
<div class="card chart">
<div class="text-center mb-2">Uptime: {{uptime$ | async | dateAgo}}</div>
<ng-container *ngIf="chartData$ | async as chartData; else loadingChart">
<p-chart [responsive]="true" type="line" [data]="chartData" [options]="chartOptions"></p-chart>
</ng-container>
<ng-template #loadingChart>
<p-skeleton width="100%" height="40vh"></p-skeleton>
</ng-template>
</div>
</div>
@ -152,5 +155,27 @@
</div>
</div>
<div class="col-12">
<div class="card">
<div class="grid">
<div class="col-12 md:col-4">
<h3>Donate</h3>
<p>Like the project? Consider a donation. </p>
</div>
<div class="col-12 md:col-4 text-center">
<img style="height: 200px;" src="assets/layout/images/qr-code-ln.svg"
alt="bc1q99n3pu025yyu0jlywpmwzalyhm36tg5u37w20d">
<div>public_pool@strike.me</div>
</div>
<div class="col-12 md:col-4 text-center">
<img style="height: 200px;" src="assets/layout/images/qr-code-onchain.svg"
alt="bc1q99n3pu025yyu0jlywpmwzalyhm36tg5u37w20d">
<div>bc1q99n3pu025yyu0jlywpmwzalyhm36tg5u37w20d</div>
</div>
</div>
</div>
</div>
</div>
</div>

15
src/app/components/splash/splash.component.scss
View File

@ -2,6 +2,19 @@
min-width: 50%;
}
#logo {
left: 50%;
margin-left: -100px;
height: 200px;
width: 200px;
position: absolute;
top: -18px;
}
.title {
margin-top: 55px;
}
.main {
margin-top: 60px;
}
@ -14,4 +27,6 @@
.card {
max-width: 1024px;
margin: 0 auto;
}

2
src/app/components/worker-group/worker-group.component.html
View File

@ -68,7 +68,7 @@
<div class="col-12" *ngIf="chartData$ | async as chartData">
<div class="card">
<div class="card chart">
<p-chart type="line" [data]="chartData" [options]="chartOptions"></p-chart>
</div>
</div>

2
src/app/components/worker/worker.component.html
View File

@ -68,7 +68,7 @@
<div class="col-12" *ngIf="chartData$ | async as chartData">
<div class="card">
<div class="card chart">
<p-chart type="line" [data]="chartData" [options]="chartOptions"></p-chart>
</div>
</div>

692
src/assets/layout/images/qr-code-ln.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

1258
src/assets/layout/images/qr-code-onchain.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 87 KiB

9
src/assets/layout/styles/layout/_responsive.scss
View File

@ -1,5 +1,7 @@
@media screen and (min-width: 1960px) {
.layout-main, .landing-wrapper {
.layout-main,
.landing-wrapper {
width: 1504px;
margin-left: auto !important;
margin-right: auto !important;
@ -63,7 +65,8 @@
.layout-wrapper {
.layout-main-container {
margin-left: 0;
padding-left: 2rem;
padding-left: 10px;
padding-right: 10px;
}
.layout-sidebar {
@ -97,4 +100,4 @@
}
}
}
}
}

6
src/styles.scss
View File

@ -15,4 +15,10 @@
p-chart>div {
position: relative;
min-height: 40vh;
}
.card {
&.chart {
padding: 10px;
}
}