mirror of
https://codeberg.org/HPCesia/AstralHalo.git
synced 2025-04-08 17:34:27 +08:00
HPCesia
8a8bf19e35
- Upgrade TailwindCSS to v4 - Upgrade daisyUI to v5 beta. - Delete the PostCSS TailwindCSS compatibility layer. - Delete Sass dependency because TailwindCSS v4 will generate nested CSS, so we don't need Sass anymore.
48 lines
1.1 KiB
Plaintext
48 lines
1.1 KiB
Plaintext
---
|
|
import { footerConfig, profileConfig } from '@/config';
|
|
|
|
const currentYear = new Date().getFullYear();
|
|
---
|
|
|
|
<footer class="footer mt-auto shrink-0"></footer>
|
|
<footer
|
|
class="footer border-base-300 bg-base-200 text-base-content flex flex-col justify-between border-t px-10 py-4 text-lg md:flex-row"
|
|
>
|
|
<aside class="items-center">
|
|
<p>
|
|
© {footerConfig.copyrightYear}{
|
|
footerConfig.copyrightYear < currentYear && `-${currentYear}`
|
|
}
|
|
<a href="/about/" class="font-bold">{profileConfig.name}</a>
|
|
</p>
|
|
</aside>
|
|
<nav class="flex flex-row">
|
|
{
|
|
footerConfig.rightItems.map((item) => (
|
|
<span>
|
|
{item.map((c) => {
|
|
if (typeof c === 'string') return <span>{c}</span>;
|
|
else if ('link' in c)
|
|
return (
|
|
<a href={c.link} class={c.class || ''}>
|
|
{c.text}
|
|
</a>
|
|
);
|
|
else return <span class:list={c.class || ''}>{c.text}</span>;
|
|
})}
|
|
</span>
|
|
))
|
|
}
|
|
</nav>
|
|
</footer>
|
|
|
|
<style>
|
|
a {
|
|
@apply duration-150;
|
|
|
|
&:hover {
|
|
color: var(--color-primary);
|
|
}
|
|
}
|
|
</style>
|