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

fixed node title on mobiles

Browse source
This commit is contained in:
Fedor Katurov 2020-04-29 18:40:24 +07:00
parent d1dc914572
commit 3d398f23ed
2 changed files with 58 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

61
src/components/node/NodePanelInner/index.tsx
View file

@ -43,46 +43,45 @@ const NodePanelInner: FC<IProps> = memo(
return (
<div className={classNames(styles.wrap, { stack })}>
<div className={styles.content}>
<Group horizontal className={styles.panel}>
<Filler>
<div className={styles.title}>
{is_loading ? <Placeholder width="40%" /> : title || '...'}
</div>
{user && user.username && (
<div className={styles.name}>
{is_loading ? (
<Placeholder width="100px" />
) : (
`~${user.username}, ${getPrettyDate(created_at)}`
)}
</div>
)}
</Filler>
</Group>
<div className={styles.panel}>
<div className={styles.title}>
{is_loading ? <Placeholder width="40%" /> : title || '...'}
</div>
<div className={styles.buttons}>
{can_star && (
<div className={classNames(styles.star, { is_heroic })}>
{is_heroic ? (
<Icon icon="star_full" size={24} onClick={onStar} />
{user && user.username && (
<div className={styles.name}>
{is_loading ? (
<Placeholder width="100px" />
) : (
<Icon icon="star" size={24} onClick={onStar} />
`~${user.username}, ${getPrettyDate(created_at)}`
)}
</div>
)}
</div>
{can_edit && (
<>
<div>
<Icon icon={deleted_at ? 'locked' : 'unlocked'} size={24} onClick={onLock} />
{can_edit && (
<div className={styles.editor_buttons}>
{can_star && (
<div className={classNames(styles.star, { is_heroic })}>
{is_heroic ? (
<Icon icon="star_full" size={24} onClick={onStar} />
) : (
<Icon icon="star" size={24} onClick={onStar} />
)}
</div>
)}
<div>
<Icon icon="edit" size={24} onClick={onEdit} />
</div>
</>
)}
<div>
<Icon icon={deleted_at ? 'locked' : 'unlocked'} size={24} onClick={onLock} />
</div>
<div>
<Icon icon="edit" size={24} onClick={onEdit} />
</div>
</div>
)}
<div className={styles.buttons}>
{can_like && (
<div className={classNames(styles.like, { is_liked })}>
{is_liked ? (