orus-dev/dev-run
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved UI and css stuff and problems shadcnified

Browse Source
This commit is contained in:
selimaj-dev
2026-02-07 20:47:00 +01:00
parent 6767a01700
commit 70c3eb1285
3 changed files with 74 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/app/Rank.tsx
+12 -6
View File
@@ -2,16 +2,22 @@ import { Trophy } from "lucide-react";
export default function Rank({ rank }: { rank: number }) {
const getRankStyle = (rank: number) => {
if (rank === 1) return "rank-gold";
if (rank === 2) return "rank-silver";
if (rank === 3) return "rank-bronze";
if (rank === 1)
return "bg-linear-to-r from-yellow-500 to-amber-400 text-black";
if (rank === 2)
return "bg-linear-to-r from-gray-300 to-gray-400 text-black";
if (rank === 3)
return "bg-linear-to-r from-orange-600 to-amber-700 text-white";
return "bg-secondary text-muted-foreground";
};
const getRankGlow = (rank: number) => {
if (rank === 1) return "glow-gold";
if (rank === 2) return "glow-silver";
if (rank === 3) return "glow-bronze";
if (rank === 1)
return "shadow-[0_0_20px_color-mix(in_oklch,oklch(82.8%_0.189_84.429)_70%,transparent)]";
if (rank === 2)
return "shadow-[0_0_20px_color-mix(in_oklch,var(--foreground)_60%,transparent)]";
if (rank === 3)
return "shadow-[0_0_20px_color-mix(in_oklch,oklch(55.5%_0.163_48.998)_60%,transparent)]";
return "";
};