klevze/SkinbaseNova
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Optimize academy

Browse Source
This commit is contained in:
Gregor Klevže
2026-06-09 13:16:01 +02:00
parent f89ee937c0
commit 5af95f6533
109 changed files with 6862 additions and 719 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
resources/js/components/leaderboard/LeaderboardTabs.jsx
View File

@@ -6,7 +6,7 @@ function cx(...parts) {
export default function LeaderboardTabs({ items, active, onChange, sticky = false, label }) {
return (
<div className={cx(sticky ? 'sticky top-16 z-20' : '', 'rounded-2xl border border-white/10 bg-slate-950/85 p-2 backdrop-blur') }>
<div className={cx(sticky ? 'sticky top-16 z-20' : '', 'leaderboard-tabs rounded-2xl border border-white/10 bg-slate-950/85 p-2 backdrop-blur') }>
<div className="flex flex-wrap items-center gap-2" role="tablist" aria-label={label || 'Leaderboard tabs'}>
{items.map((item) => {
const isActive = item.value === active
@@ -19,7 +19,7 @@ export default function LeaderboardTabs({ items, active, onChange, sticky = fals
aria-selected={isActive}
onClick={() => onChange(item.value)}
className={cx(
'rounded-full px-4 py-2 text-sm font-semibold transition',
'leaderboard-tabs__tab rounded-full px-4 py-2 text-sm font-semibold transition',
isActive
? 'bg-sky-400 text-slate-950 shadow-[0_12px_30px_rgba(56,189,248,0.28)]'
: 'bg-white/5 text-slate-300 hover:bg-white/10 hover:text-white',