mirror of https://github.com/fantasticit/think.git
fix: fix style for mobile display
This commit is contained in:
parent
a3f07e05a8
commit
719f3ab4cc
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 type="tertiary">({normalizeFileSize(fileSize)})</Text>
|
||||
</Text>
|
||||
<Text type="tertiary"> ({normalizeFileSize(fileSize)})</Text>
|
||||
</Space>
|
||||
<span>
|
||||
<Tooltip content={!visible ? '预览' : '收起'}>
|
||||
|
|
Loading…
Reference in New Issue