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

fix: fix style for mobile display

This commit is contained in:
fantasticit 2022-04-03 20:22:03 +08:00
parent a3f07e05a8
commit 719f3ab4cc
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/client/src/tiptap/wrappers/attachment/index.module.scss
View File

@ -13,5 +13,15 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 8px 16px; padding: 8px 16px;
> div {
flex: 1;
overflow: auto;
}
> span {
width: 64px;
flex-shrink: 0;
}
} }
} }

4
packages/client/src/tiptap/wrappers/attachment/index.tsx
View File

@ -73,10 +73,10 @@ export const AttachmentWrapper = ({ editor, node, updateAttributes }) => {
<div> <div>
<Space> <Space>
{getFileTypeIcon(fileType)} {getFileTypeIcon(fileType)}
<Text ellipsis={{ showTooltip: true }} style={{ maxWidth: 320 }}> <Text style={{ marginLeft: 8 }} ellipsis={{ showTooltip: true }}>
{fileName}.{fileExt} {fileName}.{fileExt}
<Text type="tertiary">({normalizeFileSize(fileSize)})</Text>
</Text> </Text>
<Text type="tertiary"> ({normalizeFileSize(fileSize)})</Text>
</Space> </Space>
<span> <span>
<Tooltip content={!visible ? '预览' : '收起'}> <Tooltip content={!visible ? '预览' : '收起'}>