muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-05-04 09:06:40 +07:00
Code Packages Activity Actions

group comments (bad way)

Browse source
This commit is contained in:
Fedor Katurov 2019-10-12 15:17:07 +07:00
parent 6bf14e6d5c
commit 39b0a2d568
6 changed files with 35 additions and 16 deletions
src/components/containers/CommentWrapper
index.tsxstyles.scss

6
src/components/containers/CommentWrapper/index.tsx
View file

@ -8,6 +8,7 @@ type IProps = HTMLAttributes<HTMLDivElement> & {
photo?: string;
is_empty?: boolean;
is_loading?: boolean;
is_same?: boolean;
};
const CommentWrapper: FC<IProps> = ({
@ -16,15 +17,16 @@ const CommentWrapper: FC<IProps> = ({
is_empty,
is_loading,
className,
is_same,
...props
}) => (
<Card
className={classNames(styles.wrap, className, { is_empty, is_loading })}
className={classNames(styles.wrap, className, { is_empty, is_loading, is_same })}
seamless
{...props}
>
<div className={styles.thumb}>
{photo && (
{!is_same && photo && (
<div className={styles.thumb_image} style={{ backgroundImage: `url("${photo}")` }} />
)}
</div>

7
src/components/containers/CommentWrapper/styles.scss
View file

@ -2,11 +2,16 @@
background: $comment_bg;
min-height: $comment_height;
display: flex;
box-shadow: $comment_shadow;
// box-shadow: $comment_shadow;
&:global(.is_empty) {
opacity: 0.5;
}
&:global(.is_same) {
margin: 0 !important;
border-radius: 0;
}
}
.text {