diff --git a/src/components/lab/LabImage/index.tsx b/src/components/lab/LabImage/index.tsx index e0383657..18d4e5d5 100644 --- a/src/components/lab/LabImage/index.tsx +++ b/src/components/lab/LabImage/index.tsx @@ -30,7 +30,6 @@ const breakpoints: SwiperOptions['breakpoints'] = { }; const LabImage: FC = ({ node }) => { - const dispatch = useDispatch(); const history = useHistory(); const [controlledSwiper, setControlledSwiper] = useState(undefined); @@ -48,7 +47,6 @@ const LabImage: FC = ({ node }) => { const resetSwiper = useCallback(() => { if (!controlledSwiper) return; controlledSwiper.slideTo(0, 0); - setTimeout(() => controlledSwiper.slideTo(0, 0), 300); }, [controlledSwiper]); useEffect(() => { diff --git a/src/components/lab/LabImage/styles.module.scss b/src/components/lab/LabImage/styles.module.scss index 06e20d84..308253be 100644 --- a/src/components/lab/LabImage/styles.module.scss +++ b/src/components/lab/LabImage/styles.module.scss @@ -65,6 +65,5 @@ @include tablet { padding-bottom: 0; max-height: 100vh; - border-radius: 0; } } diff --git a/src/components/lab/LabNode/styles.module.scss b/src/components/lab/LabNode/styles.module.scss index cfc41356..05aed646 100644 --- a/src/components/lab/LabNode/styles.module.scss +++ b/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; diff --git a/src/components/lab/LabNodeTitle/styles.module.scss b/src/components/lab/LabNodeTitle/styles.module.scss index 378f00c7..008e00f6 100644 --- a/src/components/lab/LabNodeTitle/styles.module.scss +++ b/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; } } diff --git a/src/components/lab/LabText/styles.module.scss b/src/components/lab/LabText/styles.module.scss index c06fe398..87c83da4 100644 --- a/src/components/lab/LabText/styles.module.scss +++ b/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%; diff --git a/src/containers/lab/LabLayout/styles.module.scss b/src/containers/lab/LabLayout/styles.module.scss index 699756e3..17f70529 100644 --- a/src/containers/lab/LabLayout/styles.module.scss +++ b/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; } } diff --git a/src/styles/_colors.scss b/src/styles/_colors.scss index 3a291541..15fb6329 100644 --- a/src/styles/_colors.scss +++ b/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%);