功能：适配网站管理移动端

src/pages/Web/index.scss

@@ -1,8 +1,9 @@
 .WebPage {
     .list {
-        display: flex;
+        display: grid;
-        flex-wrap: wrap;
+        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-        justify-content: center;
+        gap: 20px;
+        justify-items: center;
         min-height: 100px;
         margin-top: 40px;
 
@@ -15,8 +16,6 @@
             width: 200px;
             height: 250px;
             padding: 0px 20px;
-            margin-right: 50px;
-            margin-bottom: 20px;
             border: 1px solid #eee;
             border-radius: 5px;
             background-color: #fff;

src/pages/Web/index.tsx

@@ -120,7 +120,7 @@ const LinkPage = () => {
                         <div className="list">
                             {listTemp.length > 0 ? (
                                 listTemp.map(item => (
-                                    <div key={item.id} className={`item`}>
+                                    <div key={item.id} className="item">
                                         <div className="avatar">
                                             <img src={item.image} alt="" className="avatar-img" />
                                         </div>
@@ -155,7 +155,7 @@ const LinkPage = () => {
                 <>
                     <h2 className="text-xl pb-4 text-center">{isMethod === "edit" ? '编辑网站' : '新增网站'}</h2>
 
-                    <div className='w-5/12 mx-auto'>
+                    <div className='w-full md:w-[500px] mx-auto'>
                         <Form form={form} layout="vertical" size='large' initialValues={link} onFinish={submit}>
                             <Form.Item label="网站标题" name="title" rules={[{ required: true, message: '网站标题不能为空' }]}>
                                 <Input placeholder="Thrive" />