buyfakett/kazoottt-blog
1
0
Fork 0
mirror of https://github.com/KazooTTT/kazoottt-blog.git synced 2025-06-23 02:31:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 样式更新

Browse Source
This commit is contained in:
KazooTTT
2024-10-11 12:19:38 +08:00
parent d2f4fa5fec
commit 788d702578
2 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/layout/Header.astro
View File

@ -1,5 +1,6 @@
---
import kazootttAvatar from '../../assets/kazoottt-avatar.jpeg'
import { Image } from 'astro:assets'
---
<header class='mb-12 flex w-full flex-wrap pb-3 text-sm sm:flex-nowrap sm:justify-start'>
@ -7,7 +8,15 @@
class='relative mx-auto flex w-full items-center justify-between sm:flex sm:items-center'
aria-label='global'
>
<a class='flex-none text-xl font-semibold' href='/' aria-label='Brand'>KazooTTT</a>
<a class='flex items-center' href='/'>
<Image
src={kazootttAvatar}
alt='profile photo'
class='mr-2 h-8 w-auto rounded-full sm:hidden'
loading='eager'
/>
<div class='hidden flex-none text-xl font-semibold sm:block' aria-label='Brand'>KazooTTT</div>
</a>
<div class='flex flex-row items-center justify-center gap-x-5 sm:gap-x-7'>
<a

2
src/styles/app.css
View File

@ -15,7 +15,7 @@
--secondary: 240 4.8% 95.9%;
--secondary-foreground: 240 5.9% 10%;
--muted: 240 4.8% 95.9%;
--muted-foreground: 240 3.8% 46.1%;
--muted-foreground: 240 3.8% 25%;
--accent: 240 4.8% 95.9%;
--accent-foreground: 240 5.9% 10%;
--destructive: 0 72.22% 50.59%;