trafficlunar/tomodachi-share
1
0
Fork 0
mirror of https://github.com/trafficlunar/tomodachi-share.git synced 2026-06-28 06:34:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: tooltips

Browse source
This commit is contained in:
trafficlunar 2025-05-01 21:05:43 +01:00
parent 5d5c6be04c
commit 7c13d106d7
6 changed files with 24 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/delete-mii.tsx
View file

@ -49,7 +49,7 @@ export default function DeleteMiiButton({ miiId, miiName, likes }: Props) {
return (
<>
<button onClick={() => setIsOpen(true)} title="Delete Mii" className="cursor-pointer aspect-square">
<button onClick={() => setIsOpen(true)} title="Delete Mii" data-tooltip="Delete" className="cursor-pointer aspect-square">
<Icon icon="mdi:trash" />
</button>

2
src/components/mii-list/index.tsx
View file

@ -112,7 +112,7 @@ export default function MiiList({ isLoggedIn, userId, sessionUserId }: Props) {
{userId && sessionUserId == userId && (
<div className="flex gap-1 text-2xl justify-end text-zinc-400">
<Link href={`/edit/${mii.id}`} title="Edit Mii">
<Link href={`/edit/${mii.id}`} title="Edit Mii" data-tooltip="Edit">
<Icon icon="mdi:pencil" />
</Link>
<DeleteMiiButton miiId={mii.id} miiName={mii.name} likes={mii.likes} />

7
src/components/search-bar.tsx
View file

@ -34,11 +34,8 @@ export default function SearchBar() {
onKeyDown={handleKeyDown}
className="bg-orange-200 border-2 border-orange-400 py-2 px-3 rounded-l-xl outline-0 w-full placeholder:text-black/40"
/>
<button
onClick={handleSearch}
className="bg-orange-400 p-2 w-12 rounded-r-xl flex justify-center items-center cursor-pointer text-2xl transition-all hover:text-[1.75rem] active:text-2xl"
>
<Icon icon="ic:baseline-search" />
<button onClick={handleSearch} className="bg-orange-400 p-2 w-12 rounded-r-xl flex justify-center items-center cursor-pointer text-2xl">
<Icon icon="ic:baseline-search" className="transition-transform hover:scale-110 active:95" />
</button>
</div>
);

1
src/components/tutorial/scan.tsx
View file

@ -40,6 +40,7 @@ export default function ScanTutorialButton() {
type="button"
onClick={() => setIsOpen(true)}
className="text-3xl aspect-square flex justify-center items-center cursor-pointer underline-offset-2 hover:underline"
data-tooltip={"Add Mii tutorial"}
>
<Icon icon="fa:question-circle" />
</button>