mirror of
https://github.com/trafficlunar/tomodachi-share.git
synced 2026-06-27 22:24:14 +00:00
feat: ko-fi link
This commit is contained in:
parent
277c0b4a55
commit
f2807aedf8
1 changed files with 13 additions and 1 deletions
|
|
@ -5,6 +5,7 @@ import Header from "./components/header";
|
|||
import { useEffect } from "react";
|
||||
import { useLocation, useNavigate } from "react-router";
|
||||
import { session } from "./session";
|
||||
import { Icon } from "@iconify/react";
|
||||
|
||||
export default function Layout({ children }: { children: React.ReactNode }) {
|
||||
const $session = useStore(session);
|
||||
|
|
@ -56,7 +57,18 @@ export default function Layout({ children }: { children: React.ReactNode }) {
|
|||
<>
|
||||
<Header />
|
||||
<AdminBanner />
|
||||
<main className="px-4 py-8 max-w-7xl w-full grow flex flex-col">{children}</main>
|
||||
<a
|
||||
href="https://ko-fi.com/trafficlunar"
|
||||
target="_blank"
|
||||
aria-label="Support on Ko-fi"
|
||||
className="pill button h-full bg-[#FF5E5B]! hover:bg-[#e04f4c]! border-[#e04f4c]! text-white! inline-flex items-center gap-2 mt-4"
|
||||
data-tooltip-span
|
||||
>
|
||||
<div className="tooltip bg-[#FF5E5B]! border-[#FF5E5B]! before:border-b-[#FF5E5B]!">Support me (trafficlunar) on Ko-fi</div>
|
||||
<Icon icon="simple-icons:kofi" fontSize={20} />
|
||||
Support me!
|
||||
</a>
|
||||
<main className="px-4 py-8 pt-4 max-w-7xl w-full grow flex flex-col">{children}</main>
|
||||
<Footer />
|
||||
</>
|
||||
);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue