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

fixed node appearance

Browse source
This commit is contained in:
muerwre 2019-08-20 21:51:20 +07:00
parent 32a23ecffd
commit fc8ac3d541
8 changed files with 63 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/node/NodePanel/index.tsx
View file

@ -2,6 +2,7 @@ import React, { FC } from 'react';
import * as styles from './styles.scss';
import { Group } from '~/components/containers/Group';
import { Filler } from '~/components/containers/Filler';
import {Icon} from "~/components/input/Icon";
interface IProps {}
@ -14,8 +15,12 @@ const NodePanel: FC<IProps> = () => (
</Filler>
</Group>
<div className={styles.mark} />
<Group horizontal className={styles.buttons}>
<Icon icon="heart" size={24} />
</Group>
</div>
);
export { NodePanel };
// <div className={styles.mark} />

19
src/components/node/NodePanel/styles.scss
View file

@ -37,14 +37,17 @@
}
.buttons {
height: 54px;
border-radius: $radius $radius 0 0;
background: linear-gradient(176deg, #f42a00, #5c1085);
position: absolute;
bottom: 0;
right: 10px;
width: 270px;
display: flex;
flex: 0;
padding-right: $gap;
fill: transparentize(white, 0.7);
//height: 54px;
//border-radius: $radius $radius 0 0;
//background: linear-gradient(176deg, #f42a00, #5c1085);
//position: absolute;
//bottom: 0;
//right: 10px;
//width: 270px;
//display: flex;
}
.mark {

8
src/components/node/NodeRelated/styles.scss
View file

@ -1,7 +1,8 @@
.wrap {
padding: $gap;
background: transparentize(black, 0.8);
// padding: $gap;
//background: transparentize(black, 0.8);
border-radius: $panel_radius;
padding: $gap 0;
}
.grid {
@ -14,7 +15,7 @@
}
.item {
background: #222222;
background: darken($content_bg, 2%);
padding-bottom: 100%;
border-radius: $cell_radius;
}
@ -29,6 +30,7 @@
}
.line {
display: none;
flex: 1;
height: 2px;
background: transparentize(white, 0.95);