gio
/
think
mirror of https://github.com/fantasticit/think.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

client: update DocumentCardPlaceholder

This commit is contained in:
fantasticit 2022-05-18 16:09:22 +08:00
parent 2d010794da
commit df7757a0b7
1 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
packages/client/src/components/document/card/index.tsx
View File

@ -82,33 +82,35 @@ export const DocumentCard: React.FC<{ document: IDocument }> = ({ document }) =>
export const DocumentCardPlaceholder = () => {
return (
<div className={styles.cardWrap}>
<header>
<IconDocument />
</header>
<main>
<div style={{ marginBottom: 12 }}>
<Skeleton.Title style={{ width: 160 }} />
</div>
<div>
<Text type="tertiary" size="small">
<Space>
<Avatar size="extra-extra-small">
<IconUser />
</Avatar>
创建者：
<Skeleton.Paragraph rows={1} style={{ width: 100 }} />
</Space>
</Text>
</div>
</main>
<footer>
<Text type="tertiary" size="small">
<div style={{ display: 'flex' }}>
更新时间：
<Skeleton.Paragraph rows={1} style={{ width: 100 }} />
<a>
<header>
<IconDocument />
</header>
<main>
<div style={{ marginBottom: 12 }}>
<Skeleton.Title style={{ width: 160 }} />
</div>
</Text>
</footer>
<div>
<Text type="tertiary" size="small">
<Space>
<Avatar size="extra-extra-small">
<IconUser />
</Avatar>
创建者：
<Skeleton.Paragraph rows={1} style={{ width: 100 }} />
</Space>
</Text>
</div>
</main>
<footer>
<Text type="tertiary" size="small">
<div style={{ display: 'flex' }}>
更新时间：
<Skeleton.Paragraph rows={1} style={{ width: 100 }} />
</div>
</Text>
</footer>
</a>
</div>
);
};