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 { useEffect } from "react";
|
||||||
import { useLocation, useNavigate } from "react-router";
|
import { useLocation, useNavigate } from "react-router";
|
||||||
import { session } from "./session";
|
import { session } from "./session";
|
||||||
|
import { Icon } from "@iconify/react";
|
||||||
|
|
||||||
export default function Layout({ children }: { children: React.ReactNode }) {
|
export default function Layout({ children }: { children: React.ReactNode }) {
|
||||||
const $session = useStore(session);
|
const $session = useStore(session);
|
||||||
|
|
@ -56,7 +57,18 @@ export default function Layout({ children }: { children: React.ReactNode }) {
|
||||||
<>
|
<>
|
||||||
<Header />
|
<Header />
|
||||||
<AdminBanner />
|
<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 />
|
<Footer />
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue