External/SnapOtter
1
0
Fork 0
mirror of https://github.com/snapotter-hq/SnapOtter.git synced 2026-08-03 07:46:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: restyle sponsor button

Browse Source
This commit is contained in:
SnapOtter
2026-07-08 12:25:46 +08:00
parent c1667f5b02
commit 37a3cfc844
2 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/layout/top-nav.tsx
+8 -3
View File
@@ -312,8 +312,8 @@ function SponsorButton({ isDark, compact = false }: { isDark: boolean; compact?:
aria-label={t.a11y.sponsorLink} aria-label={t.a11y.sponsorLink}
title={t.a11y.sponsorLink} title={t.a11y.sponsorLink}
className={cn( className={cn(
"p-1.5 rounded-md transition-colors text-primary", "p-1.5 rounded-md transition-colors",
isDark ? "hover:bg-[#333]" : "hover:bg-muted", isDark ? "text-pink-300 hover:bg-[#333]" : "text-pink-700 hover:bg-pink-50",
)} )}
> >
<Heart className="h-4 w-4 fill-current" /> <Heart className="h-4 w-4 fill-current" />
@@ -327,7 +327,12 @@ function SponsorButton({ isDark, compact = false }: { isDark: boolean; compact?:
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
onClick={handleClick} onClick={handleClick}
className="ms-1 inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-[#1a1814] transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1" className={cn(
"ms-1 inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-pink-300 focus-visible:ring-offset-1",
isDark
? "border-pink-800 bg-pink-950/30 text-pink-300 hover:bg-pink-950/50"
: "border-pink-200 bg-pink-50 text-pink-700 hover:bg-pink-100",
)}
> >
<Heart className="h-3.5 w-3.5 fill-current" aria-hidden="true" /> <Heart className="h-3.5 w-3.5 fill-current" aria-hidden="true" />
{t.sidebar.sponsor} {t.sidebar.sponsor}
tests/e2e/sponsor-button.spec.ts
+3
View File
@@ -15,5 +15,8 @@ test.describe("Sponsor button", () => {
await expect(link).toHaveAttribute("target", "_blank"); await expect(link).toHaveAttribute("target", "_blank");
await expect(link).toHaveAttribute("rel", "noopener noreferrer"); await expect(link).toHaveAttribute("rel", "noopener noreferrer");
await expect(link).toContainText(/keep it free/i); await expect(link).toContainText(/keep it free/i);
await expect(link).toHaveClass(/bg-pink-50/);
await expect(link).toHaveClass(/text-pink-700/);
await expect(link).toHaveClass(/border-pink-200/);
}); });
}); });