功能：适配系统配置移动端

src/pages/Setup/components/Layout/index.tsx

@@ -58,7 +58,7 @@ const LayoutPage = () => {
             <Spin spinning={loading} indicator={<LoadingOutlined style={{ fontSize: 24 }} spin />}>
                 <h2 className="text-xl pb-4 pl-10">主题配置</h2>
 
-                <div className='w-full lg:w-[500px] ml-10'>
+                <div className='w-full lg:w-[500px] md:ml-10'>
                     <Divider orientation="left">首页背景图</Divider>
                     <div className="mb-8">
                         <Input

src/pages/Setup/components/My/index.tsx

@@ -48,7 +48,7 @@ const UserPage = () => {
                 size="large"
                 layout="vertical"
                 onFinish={onSubmit}
-                className="w-full lg:w-[500px] ml-10"
+                className="w-full lg:w-[500px] md:ml-10"
             >
                 <Form.Item
                     label="名称"

src/pages/Setup/components/System/index.tsx

@@ -1,4 +1,3 @@
-import { useState, useRef } from 'react';
 import { Form, Input, Button, notification, Modal } from 'antd';
 import { useUserStore } from '@/stores';
 import { editAdminPassAPI } from '@/api/User';
@@ -62,7 +61,7 @@ const SystemPage = () => {
                 size='large'
                 layout="vertical"
                 onFinish={handleSubmit}
-                className="w-full lg:w-[500px] ml-10"
+                className="w-full lg:w-[500px] md:ml-10"
             >
                 <Form.Item
                     label="管理员账号"

src/pages/Setup/components/Web/index.tsx

@@ -31,7 +31,7 @@ const WebPage = () => {
                 layout="vertical"
                 onFinish={onSubmit}
                 initialValues={web}
-                className="w-full lg:w-[500px] ml-10"
+                className="w-full lg:w-[500px] md:ml-10"
             >
                 <Form.Item
                     label="网站名称"

src/pages/Setup/index.tsx

@@ -50,8 +50,8 @@ const SetupPage = () => {
             <Title value="项目配置" />
 
             <Card className='mt-2'>
-                <div className="flex">
+                <div className="flex flex-col md:flex-row">
-                    <ul className="w-[20%] mr-5 border-r border-[#eee] divide-y divide-solid divide-[#F6F6F6]">
+                    <ul className="w-full md:w-[20%] md:mr-5 mb-10 md:mb-0 border-b md:border-r border-[#eee] divide-y divide-solid divide-[#F6F6F6]">
                         {list.map((item) => (
                             <li
                                 key={item.key}
@@ -67,7 +67,7 @@ const SetupPage = () => {
                         ))}
                     </ul>
 
-                    <div className='w-[80%] px-8'>
+                    <div className='w-full md:w-[80%] px-0 md:px-8'>
                         {active === "system" && <System />}
                         {active === "web" && <Web />}
                         {active === "layout" && <Layout />}