Files
milkblogs-fuwari/src/components/widget/Profile.astro
T
saicaca dd9adb2ed6 feat: style and animation improvements
(cherry picked from commit 69deabde36f96a96bc3c69775fa5a9b4eead0f01)
2023-10-18 02:15:30 +08:00

27 lines
970 B
Plaintext

---
import ImageBox from "../misc/ImageBox.astro";
import Button from "../control/Button.astro";
import {getConfig} from "../../utils/config-utils";
interface props {
}
const className = Astro.props
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>
<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">
{vConf.profile.links.map(item =>
<a href={item.url} target="_blank">
<Button isIcon iconName={item.icon} regular height="40px" class="rounded-lg active:scale-90"></Button>
</a>
)}
</div>
</div>