fixed flow appearance

src/components/containers/BlurWrapper/styles.scss

@@ -2,7 +2,7 @@
   filter: blur(0);
   transition: filter 0.25s;
   will-change: filter;
-  max-height: 100vh;
-  width: 100vw;
-  overflow: visible auto;
+  // max-height: 100vh;
+  // width: 100vw;
+  // overflow: visible auto;
 }

src/components/flow/Cell/styles.scss

@@ -135,13 +135,13 @@
   touch-action: none;
 
   @media (min-width: $cell * 2 + $grid_line) {
-    .vertical > &,
-    .horizontal > &,
-    .quadro > & {
+    .vertical > &.has_text,
+    .horizontal > &.has_text,
+    .quadro > &.has_text {
       box-sizing: border-box;
       background: none;
       box-shadow: none;
-      padding: $gap / 2;
+      padding: $grid_line;
 
       &::after {
         display: none;
@@ -159,30 +159,30 @@
       }
     }
 
-    .vertical > & {
+    .vertical > &.has_text {
       top: auto;
       bottom: 0;
-      max-height: 50%;
+      height: 50%;
       max-width: 100%;
-      height: auto;
+      // height: auto;
       width: auto;
     }
 
-    .horizontal > & {
+    .horizontal > &.has_text {
       top: auto;
       left: 0;
-      max-height: 100%;
+      height: 100%;
       max-width: 50%;
-      height: auto;
+      // height: auto;
       width: auto;
       bottom: 0;
     }
 
-    .quadro > & {
+    .quadro > &.has_text {
       top: auto;
-      max-height: 70%;
+      height: 50%;
       max-width: 50%;
-      height: auto;
+      // height: auto;
       width: auto;
       bottom: 0;
       left: 0;

src/components/flow/FlowHero/styles.scss

@@ -24,6 +24,8 @@
     height: 100%;
     background: url('~/sprites/stripes.svg') rgba(0, 0, 0, 0.3);
     z-index: 4;
+    pointer-events: none;
+    touch-action: none;
   }
 }
 

src/components/node/NodeRelated/styles.scss

@@ -19,7 +19,7 @@
 }
 
 .item {
-  background: darken($content_bg, 2%) 50% 50% no-repeat;
+  background: lighten($content_bg, 2%) 50% 50% no-repeat;
   background-size: cover;
   padding-bottom: 100%;
   border-radius: $cell_radius;