m1ngsama/FUJI
1
0
Fork 0
mirror of https://github.com/m1ngsama/FUJI.git synced 2025-12-24 10:51:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update styles

Browse source
This commit is contained in:
ClasWen 2024-03-31 21:57:14 +08:00
parent d80d34105c
commit ec1c43ddc9
2 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/Navigation.astro
View file

@ -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>

4
src/pages/about.astro
View file

@ -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>
)