From ec1c43ddc93f8390176f83fa684e4537338a202c Mon Sep 17 00:00:00 2001
From: ClasWen <clas.wen@icloud.com>
Date: Sun, 31 Mar 2024 21:57:14 +0800
Subject: [PATCH] update styles

---
 src/components/Navigation.astro | 13 +++++++------
 src/pages/about.astro           |  4 ++--
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
index 1c1340e..98e0769 100644
--- a/src/components/Navigation.astro
+++ b/src/components/Navigation.astro
@@ -6,9 +6,13 @@ import { SITE_TITLE } from "../consts"
   <div class="nav-wrapper">
     <div class="nav-content-wrapper">
       <div class="nav-content">
-        <div class="" style="display: flex; align-items: center; gap: 12px;">
-          <img src="https://oss.nbtca.space/CA-logo.svg" alt="" style="width: 28px; aspect-ratio: 1;"/>
-          <a href="/" class="nav-title">{SITE_TITLE}</a>
+        <div class="flex items-center gap-3">
+          <img src="https://oss.nbtca.space/CA-logo.svg" alt="" style="width: 28px; aspect-ratio: 1;" />
+          <a href="/" class="nav-title">
+            <span class="hidden md:block">
+              {SITE_TITLE}
+            </span>
+          </a>
         </div>
         <div class="nav-menu">
           <div class="nav-item-wrapper">
@@ -20,9 +24,6 @@ import { SITE_TITLE } from "../consts"
           <div class="nav-item-wrapper">
             <a href="/about" class="nav-item-content">关于</a>
           </div>
-          <div class="nav-item-wrapper">
-            <a href="/rss.xml" class="nav-item-content" target="_blank">RSS</a>
-          </div>
         </div>
       </div>
     </div>
diff --git a/src/pages/about.astro b/src/pages/about.astro
index d61db16..407777c 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -10,7 +10,7 @@ const members = await fetch("https://api.nbtca.space/v2/members").then(res => {
   <section class="pb-20 bg-[#f5f5f7]">
     <div class="section-content">
       <div class="text-[32px] leading-[1.125] font-bold py-6">协会成员</div>
-      <div class="grid grid-cols-2 xl:grid-cols-4 gap-x-6 gap-y-8">
+      <div class="grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-x-6 gap-y-6 md:gap-y-8">
         {
           members.map(member => {
             return (
@@ -26,7 +26,7 @@ const members = await fetch("https://api.nbtca.space/v2/members").then(res => {
                 </div>
                 <div class="h-16">
                   <div class="text-lg">{member.alias}</div>
-                  <div class="mt-0.5">{member.profile}</div>
+                  <div class="text-sm mt-0.5">{member.profile}</div>
                 </div>
               </div>
             )