fix styles on leaderboard

Provable-Games · Sep 11, 2024 · 51963cd · 51963cd
1 parent 9d10018
commit 51963cd
Showing 1 changed file with 4 additions and 30 deletions.
diff --git a/ui/src/app/containers/CollectionsLeaderboardScreen.tsx b/ui/src/app/containers/CollectionsLeaderboardScreen.tsx
@@ -114,19 +114,7 @@ const ScoreGraph: React.FC<ScoreGraphProps> = ({
                         (score.gamesPlayed / maxGamesPlayable) * 100
                       }%`,
                     }}
-                  >
-                    {score.gamesPlayed > 0 && (
-                      <span
-                        className={`text-xl absolute left-1/2 transform -translate-x-1/2 ${
-                          (score.gamesPlayed / maxGamesPlayable) * 100 <= 50
-                            ? "bottom-full"
-                            : "top-0"
-                        }`}
-                      >{`${Math.round(
-                        (score.gamesPlayed / maxGamesPlayable) * 100
-                      )}%`}</span>
-                    )}
-                  </div>
+                  />
                   {score.xp > 0 && (
                     <span className="text-xl absolute top-0 left-0 right-0">
                       {formatXP(score.xp)} XP
@@ -160,26 +148,12 @@ const ScoreGraph: React.FC<ScoreGraphProps> = ({
                     style={{
                       width: `${(score.gamesPlayed / maxGamesPlayable) * 100}%`,
                     }}
-                  >
-                    {score.gamesPlayed > 0 && (
-                      <span
-                        className={`text-xl absolute top-1/2 transform -translate-y-1/2 ${
-                          (score.xp / maxTotalXP) * 100 <= 10 && "hidden"
-                        } ${
-                          (score.gamesPlayed / maxGamesPlayable) * 100 <= 50
-                            ? "left-full"
-                            : "right-0"
-                        }`}
-                      >{`${Math.round(
-                        (score.gamesPlayed / maxGamesPlayable) * 100
-                      )}%`}</span>
-                    )}
-                  </div>
+                  />
                   {score.xp > 0 && (
                     <span
                       className={`text-xl absolute right-1 top-1/2 transform -translate-y-1/2 ${
-                        (score.xp / maxTotalXP) * 100 <= 90
-                          ? "right-[-20px] text-terminal-green"
+                        (score.xp / maxTotalXP) * 100 <= 30
+                          ? "right-[-40px] text-terminal-green"
                           : ""
                       }`}
                     >