From 304b43e56372ddad6e389115cf5f0e46ee3f3208 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Liu=20=E5=AE=87=E9=98=B3?= <liuyuyang1024@yeah.net>
Date: Mon, 11 Nov 2024 12:44:13 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=9F=E8=83=BD=EF=BC=9A=E9=80=82=E9=85=8D?=
 =?UTF-8?q?=E7=BD=91=E7=AB=99=E7=AE=A1=E7=90=86=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Web/index.scss | 11 +++++------
 src/pages/Web/index.tsx  |  4 ++--
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/pages/Web/index.scss b/src/pages/Web/index.scss
index c651e3f..1004900 100644
--- a/src/pages/Web/index.scss
+++ b/src/pages/Web/index.scss
@@ -1,8 +1,9 @@
 .WebPage {
     .list {
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: center;
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+        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;
@@ -158,4 +157,4 @@
             }
         }
     }
-}
\ No newline at end of file
+}
diff --git a/src/pages/Web/index.tsx b/src/pages/Web/index.tsx
index 21ec452..5d979ef 100644
--- a/src/pages/Web/index.tsx
+++ b/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" />