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

comments mock

Browse source
This commit is contained in:
muerwre 2019-07-26 18:26:35 +07:00
parent bdf7ba1ccb
commit 2a6604afaf
18 changed files with 340 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/components/node/Comment/index.tsx Normal file
View file

@ -0,0 +1,19 @@
import React, { FC } from 'react';
import { Card } from "~/components/containers/Card";
import * as styles from './styles.scss';
interface IProps {}
const Comment: FC<IProps> = () => (
<Card className={styles.wrap}>
<div className={styles.thumb}>
<div className={styles.thumb_image} />
</div>
<div className={styles.text}>
Lorem Ipsum
</div>
</Card>
);
export { Comment };

22
src/components/node/Comment/styles.scss Normal file
View file

@ -0,0 +1,22 @@
.wrap {
background: #191919;
min-height: 200px;
display: flex;
}
.text {
padding: $gap;
flex: 1;
}
.thumb {
flex: 0 0 64px;
background: transparentize(black, 0.9);
border-radius: $panel_radius 0 0 $panel_radius;
}
.thumb_image {
height: 64px;
background: transparentize(white, 0.97);
border-radius: $panel_radius 0 0 $panel_radius;
}