From c3fbae9775dfff679efc2bebf2de976f0b0d8f4b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=87=E9=98=B3?= <3311118881@qq.com>
Date: Tue, 8 Oct 2024 12:22:42 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E7=BB=86=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/article/components/Comment/Component/List/index.scss | 4 ++--
 src/components/Footer/index.tsx                              | 2 +-
 src/components/Header/component/SidebarNav/index.tsx         | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/article/components/Comment/Component/List/index.scss b/src/app/article/components/Comment/Component/List/index.scss
index 960e181..4f0beb0 100644
--- a/src/app/article/components/Comment/Component/List/index.scss
+++ b/src/app/article/components/Comment/Component/List/index.scss
@@ -39,14 +39,14 @@
                 border-radius: $round;
 
                 .reply {
-                    right: 1%;
+                    right: 2%;
                 }
             }
 
             // 回复按钮布局
             .reply {
                 position: absolute;
-                right: -11%;
+                right: -15%;
                 padding: 5px 10px;
                 font-size: 20px;
                 cursor: pointer;
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index 4ebe08e..dfb1683 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -6,7 +6,7 @@ export default () => {
     <>
       <div className="flex justify-center items-center mt-8 bg-white dark:bg-black-b border-t dark:border-black-b h-32 sm:h-36 xl:h-40 py-5 px-10 transition-colors">
         <Image src={avatar} alt='作者头像' className='w-24 h-24 rounded-full mr-8 avatar-animation shadow-[5px_11px_50px_40px_rgba(255,255,255,0.1)]' />
-        <h2 className="w-[90%] xl:w-3/6 text-sm sm:text-base dark:text-[#8c9ab1]">一直对网站开发领域很感兴趣，从小就希望有一个属于自己的网站，在17年时候成功进入站长圈，并通过各种自学，以及各种折腾，才有了你现在看到的这个网站</h2>
+        <h2 className="w-[90%] xl:w-3/6 text-sm sm:text-base dark:text-[#8c9ab1] line-clamp-4">一直对网站开发领域很感兴趣，从小就希望有一个属于自己的网站，在17年时候成功进入站长圈，并通过各种自学，以及各种折腾，才有了你现在看到的这个网站</h2>
       </div>
     </>
   )
diff --git a/src/components/Header/component/SidebarNav/index.tsx b/src/components/Header/component/SidebarNav/index.tsx
index 6a5a88a..28c366d 100644
--- a/src/components/Header/component/SidebarNav/index.tsx
+++ b/src/components/Header/component/SidebarNav/index.tsx
@@ -13,7 +13,7 @@ export default ({ list, open, onClose }: Props) => {
   return (
     <>
       <div className={`flex fixed top-0 left-0 ${open ? 'w-full' : 'w-0'} h-full z-[60] transition-width`}>
-        <div className={`overflow-hidden ${open ? 'w-6/12 p-5' : 'w-0'} border-r dark:border-[#2b333e] bg-[rgba(255,255,255,0.9)] dark:bg-[rgba(44,51,62,0.9)] backdrop-blur-[5px] transition-width`}>
+        <div className={`overflow-hidden ${open ? 'w-8/12 p-5' : 'w-0'} border-r dark:border-[#2b333e] bg-[rgba(255,255,255,0.9)] dark:bg-[rgba(44,51,62,0.9)] backdrop-blur-[5px] transition-width`}>
           <ul className="flex flex-col space-y-2">
             {list.map(one => (
               <li key={one.id} className="group/one relative hover:bg-[#e0e6ec] dark:hover:bg-[#495362] rounded-md transition-colors">
@@ -48,7 +48,7 @@ export default ({ list, open, onClose }: Props) => {
           </ul>
         </div>
 
-        <div className={`overflow-hidden h-full bg-[rgba(0,0,0,0.6)] ${open ? 'w-6/12' : 'w-0'}`} onClick={onClose}></div>
+        <div className={`overflow-hidden h-full bg-[rgba(0,0,0,0.6)] ${open ? 'w-4/12' : 'w-0'}`} onClick={onClose}></div>
       </div>
     </>
   )