From 425d0c4da496650e1bcba841e4d5adaf86b3fd57 Mon Sep 17 00:00:00 2001
From: Clas Wen <clas.wen@icloud.com>
Date: Sat, 24 May 2025 21:58:19 +0800
Subject: [PATCH] update style

---
 src/components/Footer.astro | 41 +++++++++++++++++++++++--------------
 src/consts.ts               |  2 +-
 src/styles/global.css       | 14 ++++++-------
 3 files changed, 34 insertions(+), 23 deletions(-)

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index eb9827f..6473f68 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -11,36 +11,47 @@ const year = date.getFullYear();
     <div class="content-body footer-wrapper">
       <div class="footer-box">
         <div class="foot-nav">
-          <div class="foot-nav-items">
+          <div class="foot-nav-items flex flex-col sm:grid gap-5 grid-cols-5 text-xs">
             <div class="item">
               <div class="logo">{SITE_TITLE}</div>
-              <div class="email">Email: {SITE_EMAIL}</div>
             </div>
 
             <div class="item products">
-              <div class="item-title">作品</div>
-              <a href="/" target="_blank">本站</a>
-              <a href="https://repair.nbtca.space" target="_blank">维修管理</a>
+              <div class="item-title">导航</div>
+              <a href="/" target="_blank">主页</a>
+              <a href="https://docs.nbtca.space" target="_blank">文档</a>
             </div>
 
             <div class="item community">
               <div class="item-title">社媒</div>
               <a href="https://github.com/nbtca" target="_blank">Github</a>
+              <a href="https://qm.qq.com/q/djgZhpnlzW" target="_blank">QQ</a>
             </div>
 
-            <div class="item resources">
-              <div class="item-title">友链</div>
-              <a href="https://www.cnblogs.com/N3ptune">N3ptune</a>
+            <div class="item">
+              <div class="item-title">维修</div>
+              <a href="https://nbtca.space/repair/create-ticket">预约维修</a>
+            </div>
+
+            <div class="item">
+              <div class="item-title">维修</div>
+              <a href="https://nbtca.space/repair/create-ticket">预约维修</a>
             </div>
           </div>
-        </div>
-        <div class="flex flex-col md:flex-row items-center md:items-end text-sm pt-3 pb-1">
-          <div class="">
-            &copy; {`2018-${year}  ${SITE_NAME}`}
-            <a href="//github.com/austin2035/astro-air-blog">astro-air-blog</a>
+          <div class="flex text-xs mt-3">
+            联系我们:
+            <div class="ml-1"> <a href="mailto:contact:@nbtca.space">{SITE_EMAIL}</a></div>
           </div>
-          <div>
-            <a href="https://beian.miit.gov.cn/" target="_blank" class="text-xs ml-2">浙ICP备2021030831号</a>
+        </div>
+        <div class=" w-full">
+          <div class="w-full h-[0.5px] my-4 bg-gray-500"> </div>
+          <div class="flex flex-col gap-2 sm:flex-row items-start sm:items-center text-xs text-gray-500">
+            <div class="">
+              Copyright &copy; {`${year}  ${SITE_NAME}`}
+            </div>
+            <div>
+              <a href="https://beian.miit.gov.cn/" target="_blank" class="text-xs">浙ICP备2021030831号</a>
+            </div>
           </div>
         </div>
       </div>
diff --git a/src/consts.ts b/src/consts.ts
index 04709de..3335637 100644
--- a/src/consts.ts
+++ b/src/consts.ts
@@ -1,5 +1,5 @@
 export const SITE_TITLE = `拔电关机`
 export const SITE_EMAIL = "contact@nbtca.space"
-export const SITE_NAME = "Computer Association"
+export const SITE_NAME = "NingboTech University, Computer Association"
 export const SITE_DESCRIPTION = "Computer Association"
 export const SITE_URL = import.meta.env.PUBLIC_SITE_URL
diff --git a/src/styles/global.css b/src/styles/global.css
index d1170cf..e05d037 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -7709,16 +7709,16 @@ html.no-touch.no-reduced-motion
 }
 
 .footer-main .item .logo {
-  font-size: 16px;
+  /* font-size: 16px; */
   font-weight: 600;
   color: var(--black);
 }
 
 .footer-main .foot-nav-items {
-  display: flex;
+  /* display: flex;
   flex-direction: row;
   justify-content: space-between;
-  align-items: flex-start;
+  align-items: flex-start; */
 }
 
 @media screen and (min-width: 320px) {
@@ -7774,10 +7774,10 @@ html.no-touch.no-reduced-motion
 }
 
 .footer-main .foot-nav-items {
-  display: flex;
+  /* display: flex;
   flex-direction: row;
   justify-content: space-between;
-  align-items: flex-start;
+  align-items: flex-start; */
 }
 
 @media screen and (min-width: 320px) {
@@ -7805,7 +7805,7 @@ html.no-touch.no-reduced-motion
 
 .footer-main .item div,
 .footer-main .item a {
-  padding: 8px 5px;
+  padding: 4px 0px;
   font-size: 14px;
   color: var(--footer-pipe-color);
 }
@@ -7816,7 +7816,7 @@ html.no-touch.no-reduced-motion
 
 .footer-main .foot-nav-items .item-title {
   color: var(--footer-directory-title-color);
-  font-size: 14px;
+  /* font-size: 14px; */
   font-weight: 600;
 }