Reversible blockchain components

2022-09-29 22:45:40 +00:00
parent 135fbfc4f3
commit d07bf30737
9 changed files with 130 additions and 25 deletions
--- a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss
+++ b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss
@@ -22,7 +22,7 @@
 .mined-block {
  position: absolute;
  top: 0px;
-  transition: 2s;
+  transition: background 2s, left 2s, transform 1s;
 }

 .block-size {
@@ -34,6 +34,7 @@
  position: absolute;
  top: 0px;
  left: 40px;
+  transition: left 2s;
 }

 .block-body {
@@ -145,3 +146,9 @@
  opacity: 0;
  pointer-events : none;
 }
+
+.time-ltr {
+  .bitcoin-block {
+    transform: scaleX(-1);
+  }
+}