Revamp numeric text field

This SHOULD fix bug #414, in a way that doesn't look too bad.
farirpgs · Nov 4, 2024 · 9900754 · 9900754
1 parent c684b10
commit 9900754
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/lib/routes/Character/components/CharacterDialog/components/CircleTextField.tsx b/lib/routes/Character/components/CharacterDialog/components/CircleTextField.tsx
@@ -112,12 +112,11 @@ export function CircleTextField(
               "cursor": cursor,
               "width": "3rem",
               "height": "3rem",
-              "borderRadius": "50%",
-              "border": `2px solid ${
-                props.borderColor ?? miniTheme.textPrimary
-              }`,
+              // Fixes issue #414
+              "font-family": "monospace",
               "outline": "none",
               "background": props.highlight ? miniTheme.textPrimary : "inherit",
+              "background": theme.palette.action.hover,
               "&&": {
                 color: "inherit",
               },