From 1b121b7c1d351bb9958d88a6219d6633ffca7761 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:31:31 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=9E=84=EF=BC=9A=E4=BD=BF=E7=94=A8ta?=
 =?UTF-8?q?ilwind=E9=87=8D=E6=9E=84=E7=B3=BB=E7=BB=9F=E9=A1=B5=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Setup/index.scss | 25 -------------------------
 src/pages/Setup/index.tsx  |  7 +++----
 2 files changed, 3 insertions(+), 29 deletions(-)
 delete mode 100644 src/pages/Setup/index.scss

diff --git a/src/pages/Setup/index.scss b/src/pages/Setup/index.scss
deleted file mode 100644
index de18751..0000000
--- a/src/pages/Setup/index.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-.SetupPage {
-    .item {
-        position: relative;
-
-        &::before {
-            content: "";
-            position: absolute;
-            top: 50%;
-            left: 0;
-            transform: translateY(-50%);
-            width: 3.5px;
-            height: 0%;
-            background-color: #727cf5;
-            transition: height 0.3s;
-        }
-    }
-
-    .active {
-        background: #F7F7F8;
-
-        &::before {
-            height: 100%;
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/pages/Setup/index.tsx b/src/pages/Setup/index.tsx
index 7bbbedd..2a5e2e1 100644
--- a/src/pages/Setup/index.tsx
+++ b/src/pages/Setup/index.tsx
@@ -6,7 +6,6 @@ import System from './components/System'
 import Web from './components/Web'
 import Layout from './components/Layout'
 import My from './components/My'
-import "./index.scss"
 
 interface Setup {
     title: string;
@@ -50,13 +49,13 @@ const SetupPage = () => {
         <>
             <Title value="项目配置" />
 
-            <Card className='SetupPage mt-2'>
+            <Card className='mt-2'>
                 <div className="flex">
-                    <ul className="w[20%] mr-5 border-r border-[#eee] divide-y divide-solid divide-[#F6F6F6]">
+                    <ul className="w-[20%] mr-5 border-r border-[#eee] divide-y divide-solid divide-[#F6F6F6]">
                         {list.map((item) => (
                             <li
                                 key={item.key}
-                                className={`item p-3 pl-5 cursor-pointer transition-colors ${active === item.key ? 'active' : ''}`}
+                                className={`relative p-3 pl-5 before:content-[''] before:absolute before:top-1/2 before:left-0 before:-translate-y-1/2 before:w-[3.5px] before:h-[0%] before:bg-[#727cf5] cursor-pointer transition-all ${active === item.key ? 'bg-[#f7f7f8] before:h-full' : ''}`}
                                 onClick={() => setActive(item.key)}
                             >
                                 <h3 className="flex items-center text-base">