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;
align-items: center;
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>
<Space>
{getFileTypeIcon(fileType)}
<Text ellipsis={{ showTooltip: true }} style={{ maxWidth: 320 }}>
<Text style={{ marginLeft: 8 }} ellipsis={{ showTooltip: true }}>
{fileName}.{fileExt}
</Text>
<Text type="tertiary">({normalizeFileSize(fileSize)})</Text>
</Text>
</Space>
<span>
<Tooltip content={!visible ? '预览' : '收起'}>