make border radius more consistent

franciscoBSalgueiro · Mar 25, 2024 · 89e27de · 89e27de
1 parent c6cc5ca
commit 89e27de
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/src/components/boards/EvalBar.tsx b/src/components/boards/EvalBar.tsx
@@ -80,7 +80,8 @@ function EvalBar({
         style={{
           width: 25,
           height: "100%",
-          borderRadius: 10,
+          borderRadius: "var(--mantine-radius-xs)",
+          overflow: "hidden",
         }}
       >
         {ScoreBars}

diff --git a/src/components/panels/analysis/ScoreBubble.tsx b/src/components/panels/analysis/ScoreBubble.tsx
@@ -10,9 +10,9 @@ function ScoreBubble({ size, score }: { size: "sm" | "md"; score: Score }) {
         backgroundColor:
           score.value >= 0 ? theme.colors.gray[0] : theme.colors.dark[9],
         textAlign: "center",
-        padding: size === "md" ? "0.3125rem" : "0.25rem",
-        borderRadius: theme.radius.md,
-        width: size === "md" ? "4.5rem" : "3.5rem",
+        padding: "0.15rem",
+        borderRadius: theme.radius.sm,
+        width: size === "md" ? "4rem" : "3.5rem",
         boxShadow: theme.shadows.md,
       })}
     >

diff --git a/src/styles/chessgroundColorsOverride.css b/src/styles/chessgroundColorsOverride.css
@@ -1,6 +1,6 @@
 cg-board {
   background-image: var(--board-image, url('/board/gray.svg'));
-  border-radius: 10px;
+  border-radius: var(--mantine-radius-default);
   overflow: hidden;
 }