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'> <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' class='relative mx-auto flex w-full items-center justify-between sm:flex sm:items-center'
aria-label='global' 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'> <div class='flex flex-row items-center justify-center gap-x-5 sm:gap-x-7'>
<a <a

2
src/styles/app.css
View File

@ -15,7 +15,7 @@
--secondary: 240 4.8% 95.9%; --secondary: 240 4.8% 95.9%;
--secondary-foreground: 240 5.9% 10%; --secondary-foreground: 240 5.9% 10%;
--muted: 240 4.8% 95.9%; --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: 240 4.8% 95.9%;
--accent-foreground: 240 5.9% 10%; --accent-foreground: 240 5.9% 10%;
--destructive: 0 72.22% 50.59%; --destructive: 0 72.22% 50.59%;