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

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;
}
} }
} }

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 ? '预览' : '收起'}>