fix: fix style for mobile display

packages/client/src/tiptap/wrappers/attachment/index.module.scss

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

packages/client/src/tiptap/wrappers/attachment/index.tsx

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