trafficlunar/tomodachi-share
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add tooltips to header

Browse source
This commit is contained in:
trafficlunar 2025-05-04 17:58:59 +01:00
parent e3382183ef
commit a34d37ae76
3 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/header.tsx
View file

@ -24,7 +24,7 @@ export default async function Header() {
<ul className="flex justify-end gap-3 items-center h-11 *:h-full max-lg:col-span-2 max-md:justify-center"> <ul className="flex justify-end gap-3 items-center h-11 *:h-full max-lg:col-span-2 max-md:justify-center">
<li title="Random Mii"> <li title="Random Mii">
<Link href={"/random"} className="pill button !p-0 h-full aspect-square"> <Link href={"/random"} className="pill button !p-0 h-full aspect-square" data-tooltip="Go to a Random Mii">
<Icon icon="mdi:dice-3" fontSize={28} /> <Icon icon="mdi:dice-3" fontSize={28} />
</Link> </Link>
</li> </li>

2
src/components/logout-button.tsx
View file

@ -6,7 +6,7 @@ import { signOut } from "next-auth/react";
export default function LogoutButton() { export default function LogoutButton() {
return ( return (
<li title="Logout"> <li title="Logout">
<button onClick={() => signOut()} className="pill button !p-0 aspect-square h-full"> <button onClick={() => signOut()} className="pill button !p-0 aspect-square h-full" data-tooltip="Log Out">
<Icon icon="ic:round-logout" fontSize={24} /> <Icon icon="ic:round-logout" fontSize={24} />
</button> </button>
</li> </li>

2
src/components/profile-overview.tsx
View file

@ -7,7 +7,7 @@ export default async function ProfileOverview() {
return ( return (
<li title="Your profile"> <li title="Your profile">
<Link href={`/profile/${session?.user.id}`} className="pill button !gap-2 !p-0 h-full max-w-64"> <Link href={`/profile/${session?.user.id}`} className="pill button !gap-2 !p-0 h-full max-w-64" data-tooltip="Your Profile">
<Image <Image
src={session?.user?.image ?? "/missing.svg"} src={session?.user?.image ?? "/missing.svg"}
alt="profile picture" alt="profile picture"