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

#23 fixed lab post background

Browse source
This commit is contained in:
Fedor Katurov 2021-03-22 11:17:52 +07:00
parent 80967ddfac
commit d5701b2e85
7 changed files with 5 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

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

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

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

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

@ -2,7 +2,7 @@
.wrap { .wrap {
box-shadow: transparentize(black, 0.5) 0 0 0 1px, inset transparentize(white, 0.9) 0 1px, lighten(black, 10%) 0 4px; 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; cursor: pointer;
min-width: 0; min-width: 0;

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

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

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

@ -11,7 +11,7 @@
&::after { &::after {
content: ' '; content: ' ';
position: absolute; 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; bottom: 0;
left: auto; left: auto;
width: 100%; width: 100%;

1
src/containers/lab/LabLayout/styles.module.scss
View file

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

1
src/styles/_colors.scss
View file

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