clock size query params

2023-04-20 05:30:24 +09:00
parent 3bf269fea9
commit b92d7dedd1
3 changed files with 22 additions and 12 deletions
--- a/frontend/src/app/components/clockchain/clockchain.component.html
+++ b/frontend/src/app/components/clockchain/clockchain.component.html
@@ -1,4 +1,7 @@
-<div class="text-center" class="blockchain-wrapper" [class.time-ltr]="timeLtr" [class.ltr-transition]="ltrTransitionEnabled" #container>
+<div
+  class="text-center" class="blockchain-wrapper" [class.time-ltr]="timeLtr" #container
+  [class.ltr-transition]="ltrTransitionEnabled" [style.width]="width + 'px'" [style.height]="height + 'px'"
+>
  <div class="position-container" [ngClass]="network ? network : ''" [style.top]="(height / 3) + 'px'">
    <span>
      <div class="blocks-wrapper">
--- a/frontend/src/app/components/clockchain/clockchain.component.scss
+++ b/frontend/src/app/components/clockchain/clockchain.component.scss
@@ -21,9 +21,8 @@

 .position-container {
  position: absolute;
-  left: 0;
+  left: 50%;
  top: 0;
-  transform: translateX(50vw);
 }

 .black-background {