muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

all lab nodes are colorful

Browse source
This commit is contained in:
Fedor Katurov 2021-10-07 18:28:09 +07:00
parent b64ec041c6
commit 74b056abf1
3 changed files with 1 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/lab/LabImage/index.tsx
View file

@ -23,7 +23,6 @@ interface IProps extends INodeComponentProps {}
const breakpoints: SwiperOptions['breakpoints'] = { const breakpoints: SwiperOptions['breakpoints'] = {
599: { 599: {
spaceBetween: 20,
navigation: true, navigation: true,
}, },
}; };
@ -64,7 +63,6 @@ const LabImage: FC<IProps> = ({ node, isLoading }) => {
initialSlide={0} initialSlide={0}
slidesPerView={images.length > 1 ? 1.1 : 1} slidesPerView={images.length > 1 ? 1.1 : 1}
onSwiper={setControlledSwiper} onSwiper={setControlledSwiper}
spaceBetween={10}
grabCursor grabCursor
autoHeight autoHeight
breakpoints={breakpoints} breakpoints={breakpoints}

2
src/components/lab/LabImage/styles.module.scss
View file

@ -28,7 +28,6 @@
text-transform: uppercase; text-transform: uppercase;
font: $font_32_bold; font: $font_32_bold;
display: flex; display: flex;
border-radius: $radius;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: auto; width: auto;
@ -51,7 +50,6 @@
.image { .image {
max-height: calc(100vh - 70px - 70px); max-height: calc(100vh - 70px - 70px);
max-width: 100%; max-width: 100%;
border-radius: $radius;
transition: box-shadow 1s; transition: box-shadow 1s;
box-shadow: transparentize(black, 0.7) 0 3px 5px; box-shadow: transparentize(black, 0.7) 0 3px 5px;

2
src/components/lab/LabNode/index.tsx
View file

@ -23,7 +23,7 @@ const LabNode: FC<IProps> = ({ node, isLoading, lastSeen, commentCount }) => {
[node.commented_at, lastSeen] [node.commented_at, lastSeen]
); );
const background = useColorGradientFromString(!node.thumbnail ? node.title : '', 3, 2); const background = useColorGradientFromString(node.title, 3, 2);
return ( return (
<div className={classNames(styles.wrap)} style={{ background }}> <div className={classNames(styles.wrap)} style={{ background }}>