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

node buttons

Browse source
This commit is contained in:
muerwre 2019-08-20 22:24:08 +07:00
parent 07f66c0146
commit a68c752325
3 changed files with 39 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -15,9 +15,13 @@ const NodePanel: FC<IProps> = () => (
</Filler>
</Group>
<Group horizontal className={styles.buttons}>
<div className={styles.buttons}>
<Icon icon="edit" size={24} />
<div className={styles.sep} />
<Icon icon="heart" size={24} />
</Group>
</div>
</div>
);

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

@ -41,6 +41,17 @@
flex: 0;
padding-right: $gap;
fill: transparentize(white, 0.7);
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
& > * {
margin: 0 $gap;
&:first-child { margin-left: 0; }
&:last-child { margin-right: 0; }
}
//height: 54px;
//border-radius: $radius $radius 0 0;
//background: linear-gradient(176deg, #f42a00, #5c1085);
@ -69,9 +80,9 @@
}
.sep {
flex: 0 0 12px;
flex: 0 0 6px;
height: 6px;
width: 12px;
width: 6px;
border-radius: 4px;
background: transparentize(black, 0.7);
}