Fixed grades not visible on Firefox

grumd · Feb 26, 2024 · 56e161d · 56e161d
1 parent affb069
commit 56e161d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/packages/web/src/features/leaderboards/components/charts/Result.tsx b/packages/web/src/features/leaderboards/components/charts/Result.tsx
@@ -239,9 +239,15 @@ const Result = ({ result, chart }: { result: ResultExtended; chart: ChartApiOutp
       <td className={classNames('grade')}>
         <div className="img-holder">
           {!filter.scoring || filter.scoring === 'phoenix' ? (
-            <Grade score={result.score} isPass={result.passed ?? false} scoring="phoenix" />
+            <Grade
+              w="auto"
+              h="1rem"
+              score={result.score}
+              isPass={result.passed ?? false}
+              scoring="phoenix"
+            />
           ) : (
-            <Grade grade={result.grade} scoring="xx" />
+            <Grade w="auto" h="1rem" grade={result.grade} scoring="xx" />
           )}
         </div>
       </td>

diff --git a/packages/web/src/features/leaderboards/components/charts/leaderboard.scss b/packages/web/src/features/leaderboards/components/charts/leaderboard.scss
@@ -181,9 +181,6 @@
                   display: flex;
                   align-items: center;
                   justify-content: center;
-                  img {
-                    height: 1rem;
-                  }
                 }
               }
               &.date {

diff --git a/packages/web/src/features/profile/components/HighestPpCharts/HighestPpCharts.tsx b/packages/web/src/features/profile/components/HighestPpCharts/HighestPpCharts.tsx
@@ -73,6 +73,7 @@ export const HighestPpCharts = (): JSX.Element => {
                 <Grade
                   pl="0.5em"
                   h="1em"
+                  w="100%"
                   score={item.score ?? 0}
                   isPass={item.is_pass ?? false}
                   scoring="phoenix"