对话框顶部边距设置

src/components/conversations/ConversationSidebarItem.tsx

@@ -20,9 +20,11 @@ export default ({ instance }: Props) => {
     chatShow.set(false)
     let infoHeader = document.getElementById("infoHeader");
     let infoSend = document.getElementById("infoSend");
+    let mtBox = document.getElementsByClassName('flex-1 mt-14 flex flex-col overflow-hidden')[0]
     if (!chatShow.get()) {
       infoHeader.style.display = "flex";
       infoSend.style.display = "flex";
+      mtBox.style.marginTop = '3.5rem';
     }
     currentConversationId.set(instance.id)
     showConversationSidebar.set(false)

src/pages/chat/components/dataList.tsx

@@ -161,12 +161,15 @@ export default () => {
     const setDataInfo=()=>{
         let infoSend = document.getElementById("infoSend");
         let infoHeader = document.getElementById("infoHeader");
+        let mtBox = document.getElementsByClassName('flex-1 mt-14 flex flex-col overflow-hidden')[0]
         if (chatShow.get()) {
             infoSend.style.display = "none";
             infoHeader.style.display = "none";
+            mtBox.style.marginTop = 0;
         } else {
             infoHeader.style.display = "flex";
             infoSend.style.display = "flex";
+            mtBox.style.marginTop = '3.5rem';
         }
     }
 

src/pages/chat/components/iframe.tsx

@@ -1,6 +1,6 @@
 import { keys } from 'idb-keyval'
 import '../css/list.css'
-import { createSignal } from 'solid-js'
+import { createSignal, Switch, Match } from 'solid-js'
 import { uniqid } from '@/pages/chat/ts/store'
 import { useStore } from '@nanostores/solid'
 
@@ -12,8 +12,15 @@ export default () => {
     let id: any = ''
     id = useStore(uniqid) as any
     return (
+        <Switch>
+            <Match when={id()}>
                 <div style={{ width: '100%', height: '100%' }} id='iframe'>
                     <iframe src={`https://ansnid.com/share/?id=${id()}`} style={{ width: '100%', height: '100%' }}></iframe>
                 </div>
+            </Match>
+            <Match when={!id()}>
+                <div></div>
+            </Match>
+        </Switch>
     )
 }