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;
|
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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 ? '预览' : '收起'}>
|
||||||
|
|
Loading…
Reference in New Issue