From 74b056abf174d77eb1aa2868afed2394722e1e3e Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Thu, 7 Oct 2021 18:28:09 +0700
Subject: [PATCH] all lab nodes are colorful
---
src/components/lab/LabImage/index.tsx | 2 --
src/components/lab/LabImage/styles.module.scss | 2 --
src/components/lab/LabNode/index.tsx | 2 +-
3 files changed, 1 insertion(+), 5 deletions(-)
diff --git a/src/components/lab/LabImage/index.tsx b/src/components/lab/LabImage/index.tsx
index 9f92e020..f6ad69ee 100644
--- a/src/components/lab/LabImage/index.tsx
+++ b/src/components/lab/LabImage/index.tsx
@@ -23,7 +23,6 @@ interface IProps extends INodeComponentProps {}
const breakpoints: SwiperOptions['breakpoints'] = {
599: {
- spaceBetween: 20,
navigation: true,
},
};
@@ -64,7 +63,6 @@ const LabImage: FC<IProps> = ({ node, isLoading }) => {
initialSlide={0}
slidesPerView={images.length > 1 ? 1.1 : 1}
onSwiper={setControlledSwiper}
- spaceBetween={10}
grabCursor
autoHeight
breakpoints={breakpoints}
diff --git a/src/components/lab/LabImage/styles.module.scss b/src/components/lab/LabImage/styles.module.scss
index 308253be..876d4da6 100644
--- a/src/components/lab/LabImage/styles.module.scss
+++ b/src/components/lab/LabImage/styles.module.scss
@@ -28,7 +28,6 @@
text-transform: uppercase;
font: $font_32_bold;
display: flex;
- border-radius: $radius;
align-items: center;
justify-content: center;
width: auto;
@@ -51,7 +50,6 @@
.image {
max-height: calc(100vh - 70px - 70px);
max-width: 100%;
- border-radius: $radius;
transition: box-shadow 1s;
box-shadow: transparentize(black, 0.7) 0 3px 5px;
diff --git a/src/components/lab/LabNode/index.tsx b/src/components/lab/LabNode/index.tsx
index d3293c06..83b6da31 100644
--- a/src/components/lab/LabNode/index.tsx
+++ b/src/components/lab/LabNode/index.tsx
@@ -23,7 +23,7 @@ const LabNode: FC<IProps> = ({ node, isLoading, lastSeen, commentCount }) => {
[node.commented_at, lastSeen]
);
- const background = useColorGradientFromString(!node.thumbnail ? node.title : '', 3, 2);
+ const background = useColorGradientFromString(node.title, 3, 2);
return (
<div className={classNames(styles.wrap)} style={{ background }}>