Extract canvas/webgl code to separate component

2022-06-14 00:33:48 +00:00
parent c5bcf76353
commit 225decd286
13 changed files with 1128 additions and 1033 deletions
--- a/frontend/src/app/components/block-overview-graph/block-overview-graph.component.scss
+++ b/frontend/src/app/components/block-overview-graph/block-overview-graph.component.scss
@@ -0,0 +1,39 @@
+.block-overview-graph {
+  position: relative;
+  width: 100%;
+  padding-bottom: 100%;
+  background: #181b2d;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+
+.block-overview-canvas {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.loader-wrapper {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transition: opacity 500ms 500ms;
+  pointer-events: none;
+
+  &.hidden {
+    opacity: 0;
+    transition: opacity 500ms;
+  }
+}