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

fixed shade opacity on mobiles

Browse source
This commit is contained in:
Fedor Katurov 2021-10-05 18:29:56 +07:00
parent 71b94ce585
commit 47172cfaf4
2 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/flow/CellShade/index.tsx
View file

@ -15,7 +15,7 @@ const CellShade: FC<Props> = ({ color, ...rest }) => {
return undefined; return undefined;
} }
return `linear-gradient(10deg, ${color} 30px, ${convertHexToRGBA(color, 0.2)} 200px)`; return `linear-gradient(10deg, ${color} 30px, ${convertHexToRGBA(color, 0.3)} 200px)`;
}, [color]); }, [color]);
return ( return (

9
src/components/flow/CellShade/styles.module.scss
View file

@ -2,11 +2,16 @@
.shade { .shade {
position: absolute; position: absolute;
top: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; top: 0;
max-height: $cell;
background: linear-gradient(5deg, transparentize($content_bg, 0), transparentize($content_bg, 1)); background: linear-gradient(5deg, transparentize($content_bg, 0), transparentize($content_bg, 1));
pointer-events: none; pointer-events: none;
touch-action: none; touch-action: none;
@include tablet {
opacity: 0.5;
}
} }