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 style

Browse source
This commit is contained in:
Clas Wen 2025-05-24 21:58:19 +08:00
parent 928162ece2
commit 425d0c4da4
3 changed files with 34 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
src/components/Footer.astro
View file

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

2
src/consts.ts
View file

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

14
src/styles/global.css
View file

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