Forker/fuwari
1
0
Fork 0
mirror of https://github.com/saicaca/fuwari.git synced 2026-01-12 15:22:52 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: minor style fixes

Browse Source 
(cherry picked from commit d09df23d1c42539bf1102600aca2d8f1713142d4)
This commit is contained in:
saicaca
2023-10-18 01:25:31 +08:00
parent dd9adb2ed6
commit 471c4020d5
5 changed files with 17 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/widget/Profile.astro
View File

@@ -2,6 +2,7 @@
import ImageBox from "../misc/ImageBox.astro";
import Button from "../control/Button.astro";
import {getConfig} from "../../utils/config-utils";
import {Icon} from "astro-icon/components";
interface props {
}
@@ -11,8 +12,15 @@ const vConf = getConfig();
---
<div class="card-base">
<ImageBox src={vConf.profile.avatar} class="mt-4 mx-auto lg:w-full lg:mt-0 rounded-2xl mb-3"></ImageBox>
<div class="font-bold text-lg text-center mb-1 dark:text-neutral-50 transition">{vConf.profile.author}</div>
<a href="/about" class="group block relative m-3 overflow-hidden rounded-xl active:scale-95">
<div class="absolute transition group-hover:bg-black/30 group-active:bg-black/50 w-full h-full z-50 flex items-center justify-center">
<Icon name="material-symbols:person-outline-rounded"
class="transition opacity-0 group-hover:opacity-100 text-white text-6xl">
</Icon>
</div>
<ImageBox src={vConf.profile.avatar} class="mt-1 mx-auto w-[240px] lg:w-full h-full lg:mt-0 "></ImageBox>
</a>
<div class="font-bold text-xl text-center mb-1 dark:text-neutral-50 transition">{vConf.profile.author}</div>
<div class="h-1 w-5 bg-[var(--primary)] mx-auto rounded-full mb-3 transition"></div>
<div class="text-center text-neutral-400 mb-2 transition">{vConf.profile.subtitle}</div>
<div class="flex gap-2 mx-2 justify-center mb-4">