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

Small css stuff

Browse Source
This commit is contained in:
selimaj-dev
2026-02-02 13:30:33 +01:00
parent af04bb807e
commit b911582d19
2 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/globals.css
+9 -8
View File
@@ -154,7 +154,7 @@
.hover-underline::after { .hover-underline::after {
content: ""; content: "";
@apply absolute bottom-0 left-0 w-0 h-[2px] bg-primary transition-all duration-300; @apply absolute bottom-0 left-0 w-0 h-0.5 bg-primary transition-all duration-300;
} }
.hover-underline:hover::after { .hover-underline:hover::after {
@@ -178,15 +178,16 @@
} }
.glow-gold { .glow-gold {
box-shadow: 0 0 20px color-mix(in oklch, var(--chart-4) 40%, transparent); box-shadow: 0 0 20px color-mix(in oklch, oklch(82.8% 0.189 84.429) 70%, transparent);
/* box-shadow: 0 0 20px color-mix(in oklch, var(--chart-4) 40%, transparent); */
} }
.glow-silver { .glow-silver {
box-shadow: 0 0 20px color-mix(in oklch, var(--foreground) 30%, transparent); box-shadow: 0 0 20px color-mix(in oklch, var(--foreground) 60%, transparent);
} }
.glow-bronze { .glow-bronze {
box-shadow: 0 0 20px color-mix(in oklch, var(--chart-5) 30%, transparent); box-shadow: 0 0 20px color-mix(in oklch, oklch(55.5% 0.163 48.998) 60%, transparent);
} }
/* ===== Text glow ===== */ /* ===== Text glow ===== */
@@ -201,7 +202,7 @@
.hover-underline::after { .hover-underline::after {
content: ""; content: "";
@apply absolute left-0 bottom-0 h-[2px] w-0 bg-primary transition-all duration-300; @apply absolute left-0 bottom-0 h-0.5 w-0 bg-primary transition-all duration-300;
} }
.hover-underline:hover::after { .hover-underline:hover::after {
@@ -232,15 +233,15 @@
/* ===== Rank badges ===== */ /* ===== Rank badges ===== */
.rank-gold { .rank-gold {
@apply bg-gradient-to-r from-yellow-500 to-amber-400 text-black; @apply bg-linear-to-r from-yellow-500 to-amber-400 text-black;
} }
.rank-silver { .rank-silver {
@apply bg-gradient-to-r from-gray-300 to-gray-400 text-black; @apply bg-linear-to-r from-gray-300 to-gray-400 text-black;
} }
.rank-bronze { .rank-bronze {
@apply bg-gradient-to-r from-orange-600 to-amber-700 text-white; @apply bg-linear-to-r from-orange-600 to-amber-700 text-white;
} }
/* ===== Difficulty badges ===== */ /* ===== Difficulty badges ===== */
src/components/app/LeaderboardRow.tsx
+1 -1
View File
@@ -41,7 +41,7 @@ const LeaderboardRow = ({ rank, username, pb, runsCount, category, index = 0 }:
{/* Username */} {/* Username */}
<td className="py-4 px-4"> <td className="py-4 px-4">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<div className="w-8 h-8 rounded-full bg-gradient-to-br from-primary/50 to-primary/20 flex items-center justify-center text-xs font-bold text-primary"> <div className="w-8 h-8 rounded-full bg-linear-to-br from-primary/50 to-primary/20 flex items-center justify-center text-xs font-bold text-primary">
{username.charAt(0).toUpperCase()} {username.charAt(0).toUpperCase()}
</div> </div>
<span className={`font-medium ${isTopThree ? 'text-foreground' : 'text-secondary-foreground'} group-hover:text-primary transition-colors`}> <span className={`font-medium ${isTopThree ? 'text-foreground' : 'text-secondary-foreground'} group-hover:text-primary transition-colors`}>