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

#23 fixed lab shadows

Browse source
This commit is contained in:
Fedor Katurov 2021-03-22 17:21:35 +07:00
parent b761849432
commit 10729de375
8 changed files with 40 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,6 +1,8 @@
@import "~/styles/variables.scss";
.wrap {
@include lab_shadow;
background: linear-gradient(darken($dark_blue, 0%), darken($blue, 30%));
}

4
src/components/lab/LabHead/index.tsx
View file

@ -9,7 +9,7 @@ import { Grid } from '~/components/containers/Grid';
interface IProps {}
const LabHead: FC<IProps> = () => (
<Card className={styles.wrap}>
<div className={styles.wrap}>
<div className={styles.group}>
<Group horizontal style={{ flex: '0 0 auto' }}>
<Placeholder width="32px" height={32} />
@ -28,7 +28,7 @@ const LabHead: FC<IProps> = () => (
<Filler />
</div>
</Card>
</div>
);
export { LabHead };

8
src/components/lab/LabHead/styles.module.scss
View file

@ -1,5 +1,13 @@
@import "~/styles/variables.scss";
.wrap {
@include lab_shadow;
border-radius: $radius;
background-color: $content_bg;
padding: $gap;
}
.group {
display: flex;

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

@ -1,7 +1,8 @@
@import "~/styles/variables.scss";
.wrap {
box-shadow: transparentize(black, 0.5) 0 0 0 1px, inset transparentize(white, 0.9) 0 1px, lighten(black, 10%) 0 4px;
@include lab_shadow;
background-color: $lab_post_bg;
cursor: pointer;