#23 fixed lab post background

src/components/lab/LabImage/index.tsx

@@ -30,7 +30,6 @@ const breakpoints: SwiperOptions['breakpoints'] = {
 };
 
 const LabImage: FC<IProps> = ({ node }) => {
-  const dispatch = useDispatch();
   const history = useHistory();
 
   const [controlledSwiper, setControlledSwiper] = useState<SwiperClass | undefined>(undefined);
@@ -48,7 +47,6 @@ const LabImage: FC<IProps> = ({ node }) => {
   const resetSwiper = useCallback(() => {
     if (!controlledSwiper) return;
     controlledSwiper.slideTo(0, 0);
-    setTimeout(() => controlledSwiper.slideTo(0, 0), 300);
   }, [controlledSwiper]);
 
   useEffect(() => {

src/components/lab/LabImage/styles.module.scss

@@ -65,6 +65,5 @@
   @include tablet {
     padding-bottom: 0;
     max-height: 100vh;
-    border-radius: 0;
   }
 }

src/components/lab/LabNode/styles.module.scss

@@ -2,7 +2,7 @@
 
 .wrap {
   box-shadow: transparentize(black, 0.5) 0 0 0 1px, inset transparentize(white, 0.9) 0 1px, lighten(black, 10%) 0 4px;
-  background-color: $content_bg;
+  background-color: $lab_post_bg;
   cursor: pointer;
 
   min-width: 0;

src/components/lab/LabNodeTitle/styles.module.scss

@@ -19,6 +19,6 @@
   @include tablet {
     white-space: nowrap;
     padding-bottom: 0;
-    font: $font_16_semibold;
+    font: $font_20_semibold;
   }
 }

src/components/lab/LabText/styles.module.scss

@@ -11,7 +11,7 @@
     &::after {
       content: ' ';
       position: absolute;
-      background: linear-gradient(transparentize($content_bg, 1), $content_bg 80%);
+      background: linear-gradient(transparentize($lab_post_bg, 1), $lab_post_bg 80%);
       bottom: 0;
       left: auto;
       width: 100%;

src/containers/lab/LabLayout/styles.module.scss

@@ -8,6 +8,7 @@
   @include tablet {
     grid-template-columns: 1fr;
     grid-auto-flow: row;
+    padding: 0 $gap / 2;
   }
 }
 

src/styles/_colors.scss

@@ -36,6 +36,7 @@ $main_text_color: white;
 
 $content_bg: darken($main_bg_color, 0%);
 $content_bg_secondary: darken($content_bg, 2%);
+$lab_post_bg: lighten($content_bg, 4%);
 
 $cell_bg: lighten($main_bg_color, 0%);
 $card_bg: lighten($main_bg_color, 0%);