muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-26 13:26:40 +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 {