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

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 `linear-gradient(10deg, ${color} 30px, ${convertHexToRGBA(color, 0.2)} 200px)`;
return `linear-gradient(10deg, ${color} 30px, ${convertHexToRGBA(color, 0.3)} 200px)`;
}, [color]);
return (

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

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