ui: 修正 文件卡片 文字折行失敗

* https://commandnotfound.cn/css-layout/101/644/CSS-控制长文本自动折行
* 也許是 width 相關導致word-wrap 沒效果?
* 玄學

client/ui/chat/ChatFragment.tsx

@@ -75,7 +75,7 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
                 top: 10000000000,
                 behavior: "smooth",
             })
-        }, 100)
+        }, 300)
     }, [target])
 
     const page = React.useRef(0)

client/ui/custom-elements/chat-file.ts

@@ -5,12 +5,11 @@ customElements.define('chat-file', class extends HTMLElement {
         super()
     }
     connectedCallback() {
-        this.style.display = 'block'
         const e = new DOMParser().parseFromString(`
         <a style="width: 100%;height: 100%;">
             <mdui-card variant="outlined" clickable style="display: flex;align-items: center;">
                 <mdui-icon name="insert_drive_file" style="margin: 13px;font-size: 34px;"></mdui-icon>
-                <span style="margin-right: 13px;"></span>
+                <span style="margin-right: 13px; word-wrap: break-word; word-break:break-all;white-space:normal; max-width :100%;"></span>
             </mdui-card>
         </a>`, 'text/html').body.firstChild as HTMLElement
         $(e).find('span').text($(this).attr("name"))
@@ -23,7 +22,6 @@ customElements.define('chat-file', class extends HTMLElement {
         // deno-lint-ignore no-window
         e.onclick = (e) => {
             e.stopPropagation()
-            window.open(href, '_blank')
         }
         this.appendChild(e)
     }