feat: style tweaks

This commit is contained in:
saicaca 2024-08-02 02:18:37 +08:00
parent f96cf6fdae
commit 9af6cf956a
3 changed files with 10 additions and 5 deletions

View File

@ -1,13 +1,18 @@
--- ---
import {profileConfig} from "../config"; import {profileConfig} from "../config";
import {url} from "../utils/url-utils";
--- ---
<div class="card-base max-w-[var(--page-width)] min-h-[4.5rem] rounded-b-none mx-auto flex items-center px-6"> <div class="card-base max-w-[var(--page-width)] min-h-[4.5rem] rounded-b-none mx-auto flex items-center px-6">
<div class="transition text-50 text-sm"> <div class="transition text-50 text-sm">
© 2024 {profileConfig.name}. All Rights Reserved. © 2024 {profileConfig.name}. All Rights Reserved. /
<a class="link text-[var(--primary)] font-medium" target="_blank" href={url('rss.xml')}>RSS</a> /
<a class="link text-[var(--primary)] font-medium" target="_blank" href={url('sitemap-index.xml')}>Sitemap</a>
<br> <br>
Powered by <a class="link text-[var(--primary)] font-medium" target="_blank" href="https://github.com/saicaca/fuwari">Fuwari</a> Powered by
<a class="link text-[var(--primary)] font-medium" target="_blank" href="https://astro.build">Astro</a> &
<a class="link text-[var(--primary)] font-medium" target="_blank" href="https://github.com/saicaca/fuwari">Fuwari</a>
</div> </div>
</div> </div>

View File

@ -30,7 +30,7 @@ const className = Astro.props.class;
<div class="flex items-center"> <div class="flex items-center">
<div class="meta-icon" <div class="meta-icon"
> >
<Icon name="material-symbols:menu-rounded" class="text-xl"></Icon> <Icon name="material-symbols:book-2-outline-rounded" class="text-xl"></Icon>
</div> </div>
<div class="flex flex-row flex-nowrap items-center"> <div class="flex flex-row flex-nowrap items-center">
<a href={url(`/archive/category/${category || 'uncategorized'}/`)} aria-label=`View all posts in the ${category} category` <a href={url(`/archive/category/${category || 'uncategorized'}/`)} aria-label=`View all posts in the ${category} category`

View File

@ -33,9 +33,9 @@ const hasBannerLink = !!(siteConfig.banner.credit.url)
> >
<Icon class="text-white/75 text-[1.25rem] mr-1" name="material-symbols:copyright-outline-rounded" ></Icon> <Icon class="text-white/75 text-[1.25rem] mr-1" name="material-symbols:copyright-outline-rounded" ></Icon>
<div class="text-white/75 text-xs">{siteConfig.banner.credit.text}</div> <div class="text-white/75 text-xs">{siteConfig.banner.credit.text}</div>
<Icon class:list={["transition absolute text-[oklch(0.75_0.14_var(--hue))] right-2 text-[1.25rem] opacity-0", <Icon class:list={["transition absolute text-[oklch(0.75_0.14_var(--hue))] right-4 text-[0.75rem] opacity-0",
{"group-hover:opacity-100": hasBannerLink}]} {"group-hover:opacity-100": hasBannerLink}]}
name="material-symbols:chevron-right-rounded"> name="fa6-solid:arrow-up-right-from-square">
</Icon> </Icon>
</a>} </a>}