+
+
Smurf Rating
+
Analysing
0%
@@ -268,18 +268,18 @@
// Farbthemen basierend auf dem Score zuweisen
if(sScore >= 70) {
- sCard.className = "bg-rose-950/40 border-rose-500/60 p-4 rounded-xl flex flex-col justify-center min-w-[240px]";
- sBadge.className = "text-[9px] font-black uppercase px-1.5 py-0.5 rounded tracking-wide bg-rose-500 text-black shadow-lg shadow-rose-500/20";
+ sCard.className = "bg-rose-950/40 border-rose-500/60 p-4 rounded-xl flex flex-col justify-center min-w-[280px] sm:min-w-[300px]";
+ sBadge.className = "text-[9px] font-black uppercase px-1.5 py-0.5 rounded tracking-wide bg-rose-500 text-black shadow-lg shadow-rose-500/20 whitespace-nowrap";
document.getElementById('displaySmurfScore').className = "text-2xl font-black text-rose-400";
document.getElementById('smurfProgressBar').className = "h-full bg-rose-500 animate-pulse";
} else if(sScore >= 40) {
- sCard.className = "bg-amber-950/30 border-amber-500/40 p-4 rounded-xl flex flex-col justify-center min-w-[240px]";
- sBadge.className = "text-[9px] font-black uppercase px-1.5 py-0.5 rounded tracking-wide bg-amber-500 text-black";
+ sCard.className = "bg-amber-950/30 border-amber-500/40 p-4 rounded-xl flex flex-col justify-center min-w-[280px] sm:min-w-[300px]";
+ sBadge.className = "text-[9px] font-black uppercase px-1.5 py-0.5 rounded tracking-wide bg-amber-500 text-black whitespace-nowrap";
document.getElementById('displaySmurfScore').className = "text-2xl font-black text-amber-400";
document.getElementById('smurfProgressBar').className = "h-full bg-amber-500";
} else {
- sCard.className = "bg-slate-900/80 border-slate-800 p-4 rounded-xl flex flex-col justify-center min-w-[240px]";
- sBadge.className = "text-[9px] font-black uppercase px-1.5 py-0.5 rounded tracking-wide bg-emerald-500/10 text-emerald-400 border border-emerald-500/20";
+ sCard.className = "bg-slate-900/80 border-slate-800 p-4 rounded-xl flex flex-col justify-center min-w-[280px] sm:min-w-[300px]";
+ sBadge.className = "text-[9px] font-black uppercase px-1.5 py-0.5 rounded tracking-wide bg-emerald-500/10 text-emerald-400 border border-emerald-500/20 whitespace-nowrap";
document.getElementById('displaySmurfScore').className = "text-2xl font-black text-emerald-400";
document.getElementById('smurfProgressBar').className = "h-full bg-emerald-500";
}