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

implement clock face & dial

Browse Source
This commit is contained in:
Mononaut
2023-04-19 09:39:56 +09:00
parent f879a34021
commit 3ddd51d4cb
9 changed files with 205 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/clock/clock.component.scss
View File

@@ -84,7 +84,7 @@
right: 0;
top: 0;
bottom: 0;
background: radial-gradient(transparent 0%, transparent 48%, #11131f 62%, #11131f 100%);
background: radial-gradient(transparent 0%, transparent 44%, #11131f 58%, #11131f 100%);
}
.block-cube {

2
frontend/src/app/components/clock/clock.component.ts
View File

@@ -66,7 +66,7 @@ export class ClockComponent implements OnInit {
resizeCanvas(): void {
this.chainWidth = window.innerWidth;
this.chainHeight = Math.max(60, window.innerHeight / 8);
this.clockSize = Math.min(500, window.innerWidth, window.innerHeight - (1.4 * this.chainHeight));
this.clockSize = Math.min(800, window.innerWidth, window.innerHeight - (1.4 * this.chainHeight));
const size = Math.ceil(this.clockSize / 75) * 75;
const margin = (this.clockSize - size) / 2;
this.blockSizerStyle = {