feat: h5媒体查询适配

src/layouts/MainLayout/MainLayout.module.less

@@ -8,7 +8,7 @@
   width: 100%;
   width: 100%;
   position: relative;
   position: relative;
   box-sizing: border-box;
   box-sizing: border-box;
-  padding: 0 12px;
+  // padding: 0 12px;
 }
 }
 .sidebarArrow {
 .sidebarArrow {
   background-color: #fff;
   background-color: #fff;

src/layouts/MainLayout/MainLayout.tsx

@@ -98,7 +98,7 @@ export const MainLayout: React.FC<MainLayoutProps> = ({ children }) => {
       <motion.div
       <motion.div
         variants={contentVariants}
         variants={contentVariants}
         animate={navBarVisibleLocal === '0' ? '' : 'mainTween'}
         animate={navBarVisibleLocal === '0' ? '' : 'mainTween'}
-        className={`${styles.layoutContent}`}
+        className={`${styles.layoutContent} px-[12px]`}
       >
       >
         {children}
         {children}
       </motion.div>
       </motion.div>

src/pages/Chat/Chat.module.less

@@ -39,4 +39,5 @@
   flex-shrink: 0;
   flex-shrink: 0;
   height: fit-content;
   height: fit-content;
   width: 100%;
   width: 100%;
+  padding-bottom: 32px;
 }
 }

src/pages/Chat/Chat.tsx

@@ -175,7 +175,7 @@ export const Chat: React.FC = () => {
       <div className={`${styles.chatPage} relative`}>
       <div className={`${styles.chatPage} relative`}>
         <ChatSlogan />
         <ChatSlogan />
         <ChatMaskBar />
         <ChatMaskBar />
-        <div className={styles.content}>
+        <div className={`${styles.content}`}>
           {isLoading && <div className="w-full h-full flex justify-center items-center"><SdreamLoading /></div>}
           {isLoading && <div className="w-full h-full flex justify-center items-center"><SdreamLoading /></div>}
           {!isLoading && (
           {!isLoading && (
             <motion.div
             <motion.div

src/pages/Chat/components/ChatItem/ChatAnswerBox.tsx

@@ -68,7 +68,7 @@ export const ChatAnswerBox: React.FC<ChatAnswerBoxProps> = ({ record, showIndex,
                 <div className="hidden sm:block w-[65px] flex-shrink-0"></div>
                 <div className="hidden sm:block w-[65px] flex-shrink-0"></div>
               </div>
               </div>
               {isTyping && (
               {isTyping && (
-                <div className="pl-[62px] mt-[12px]">
+                <div className="sm:pl-[62px] mt-[12px]">
                   <Button onClick={handleStopTyping} color="primary" variant="bordered">
                   <Button onClick={handleStopTyping} color="primary" variant="bordered">
                     停止生成
                     停止生成
                   </Button>
                   </Button>

src/pages/Chat/components/ChatItem/ChatAnswerRecommend.tsx

@@ -28,7 +28,7 @@ export const ChatAnswerRecommend: React.FC<ChatAnswerRecommendProps> = ({ answer
     }
     }
   }, [])
   }, [])
   return (
   return (
-    <div className="pl-[62px] mt-[12px] flex flex-col">
+    <div className="sm:pl-[62px] mt-[12px] flex flex-col">
       {!loading && questionList.length !== 0 && (
       {!loading && questionList.length !== 0 && (
         <div className="flex flex-col gap-[8px]">
         <div className="flex flex-col gap-[8px]">
           {
           {

src/pages/Collect/Collect.module.less

@@ -37,5 +37,5 @@
   flex-shrink: 0;
   flex-shrink: 0;
   height: fit-content;
   height: fit-content;
   width: 100%;
   width: 100%;
-  padding: 0 0 32px 0;
+  padding-bottom: 32px;
 }
 }

src/pages/Home/Home.tsx

@@ -80,7 +80,7 @@ export const Home: React.FC = () => {
           </div>
           </div>
           <div className="box-border px-[0] mx-auto iptContainer w-full  max-w-[912px] flex-shrink-0 sm:px-0 pb-[18px]">
           <div className="box-border px-[0] mx-auto iptContainer w-full  max-w-[912px] flex-shrink-0 sm:px-0 pb-[18px]">
             <ChatEditor showContentTips onSubmit={handleCreateConversation} placeholders={RECOMMEND_QUESTIONS_OTHER} />
             <ChatEditor showContentTips onSubmit={handleCreateConversation} placeholders={RECOMMEND_QUESTIONS_OTHER} />
-            <div className="w-full text-center mt-[12px] text-[#3333334d] text-[12px]">
+            <div className="hidden sm:block w-full text-center mt-[12px] text-[#3333334d] text-[12px]">
               内容由AI模型生成，其准确性和完整性无法保证，仅供参考
               内容由AI模型生成，其准确性和完整性无法保证，仅供参考
             </div>
             </div>
           </div>
           </div>