SRETSS/tssbot.web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update button hover effects, fix the embed.

Browse Source
This commit is contained in:
Heidi
2026-05-16 07:21:03 +01:00
parent 118abe17e6
commit 712acd2348
3 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.jsx
+7 -7
View File
@@ -886,7 +886,7 @@ function App() {
>
<div className="flex max-w-[calc(100vw-2rem)] items-center gap-2 rounded-full border border-border bg-fury-white/92 px-2 py-2 shadow-[0_12px_36px_rgba(0,0,0,0.16)] backdrop-blur sm:px-3">
<button
className="hidden shrink-0 rounded-full px-3 py-2 text-sm font-bold tracking-tight transition hover:bg-surface sm:block"
className="hidden shrink-0 rounded-full px-3 py-2 text-sm font-bold tracking-tight transition hover:bg-surface hover:text-fury-cyan sm:block"
onClick={() => navigate('/')}
type="button"
>
@@ -898,7 +898,7 @@ function App() {
<button
className={`shrink-0 rounded-full px-3 py-2 text-sm font-semibold transition ${activeNavPath === item.path
? 'bg-text text-bg'
: 'text-text-soft hover:bg-surface'
: 'text-text-soft hover:bg-surface hover:text-text'
}`}
key={item.path}
onClick={() => navigate(item.path)}
@@ -1016,7 +1016,7 @@ function ConsentBanner({ preferences, onChoose }) {
if (!isOpen) {
return (
<button
className="fixed right-4 bottom-4 z-50 rounded-md border border-border bg-fury-white px-3 py-2 text-xs font-semibold text-text-soft shadow-sm transition hover:text-text"
className="fixed right-4 bottom-4 z-50 rounded-md border border-border bg-fury-white px-3 py-2 text-xs font-semibold text-text-soft shadow-sm transition hover:border-ring hover:bg-surface hover:text-text"
onClick={() => {
setIsConfiguring(true)
setIsOpen(true)
@@ -1299,14 +1299,14 @@ function Landing({
<div className="mt-8 w-full max-w-xl">
<div className="grid gap-4 sm:grid-cols-3">
<button
className="min-h-15 rounded-lg bg-text px-5 py-4 text-base font-semibold text-bg"
className="min-h-15 rounded-lg bg-text px-5 py-4 text-base font-semibold text-bg transition hover:bg-fury-cyan"
onClick={() => navigate('/teams')}
type="button"
>
Team leaderboard
</button>
<button
className="min-h-15 rounded-lg border-2 border-ring px-5 py-4 text-base font-semibold text-fury-cyan"
className="min-h-15 rounded-lg border-2 border-ring px-5 py-4 text-base font-semibold text-fury-cyan transition hover:bg-surface hover:text-text"
onClick={() => navigate('/battle-logs')}
type="button"
>
@@ -1718,7 +1718,7 @@ function TeamsPage({ leaderboard, navigate, teams }) {
const name = bestTeamName(team)
return (
<button
className="grid w-full gap-4 border-b border-surface px-5 py-4 text-left hover:bg-surface md:grid-cols-[4rem_1fr_repeat(4,auto)] md:items-center"
className="grid w-full gap-4 border-b border-surface px-5 py-4 text-left transition hover:bg-surface md:grid-cols-[4rem_1fr_repeat(4,auto)] md:items-center"
key={`${name}-${team.clan_id || index}`}
onClick={() => navigate(teamPath(name))}
type="button"
@@ -1765,7 +1765,7 @@ function TeamProfilePage({ navigate, profile, requestedTeam, teams }) {
return (
<section className="space-y-6">
<button
className="text-sm font-semibold text-fury-cyan hover:text-text"
className="text-sm font-semibold text-fury-cyan transition hover:text-text"
onClick={() => navigate('/teams')}
type="button"
>