pangolin_mirror/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-02-13 08:26:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

make supporter star a little more minimal

Browse Source
This commit is contained in:
miloschwartz
2025-04-12 12:34:16 -04:00
parent 764c56c4a1
commit 9cb215295a
4 changed files with 7 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/components/SupporterMessage.tsx
View File

@@ -2,6 +2,7 @@
import React from "react";
import confetti from "canvas-confetti";
import { Star } from "lucide-react";
export default function SupporterMessage({ tier }: { tier: string }) {
return (
@@ -28,17 +29,8 @@ export default function SupporterMessage({ tier }: { tier: string }) {
>
Pangolin
</span>
{/* SVG Star */}
<svg
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
viewBox="0 0 24 24"
className="w-4 h-4 text-primary"
>
<path d="M12 .587l3.668 7.431 8.2 1.192-5.934 5.782 1.4 8.168L12 18.896l-7.334 3.864 1.4-8.168L.132 9.21l8.2-1.192z" />
</svg>
{/* Popover */}
<div className="absolute left-1/2 transform -translate-x-1/2 -top-10 hidden group-hover:block bg-white/10 text-primary text-sm rounded-md shadow-lg px-4 py-2 pointer-events-none opacity-0 group-hover:opacity-100 transition-opacity">
<Star className="w-3 h-3"/>
<div className="absolute left-1/2 transform -translate-x-1/2 -top-10 hidden group-hover:block text-primary text-sm rounded-md border-2 shadow-md px-4 py-2 pointer-events-none opacity-0 group-hover:opacity-100 transition-opacity">
Thank you for supporting Pangolin as a {tier}!
</div>
</div>