fix: remove comments, change background, upgrade button style

farirpgs · Nov 5, 2024 · 3f2f9e4 · 3f2f9e4
1 parent ee8a602
commit 3f2f9e4
Showing 1 changed file with 3 additions and 7 deletions.
diff --git a/lib/routes/Character/components/CharacterDialog/components/CircleTextField.tsx b/lib/routes/Character/components/CharacterDialog/components/CircleTextField.tsx
@@ -106,12 +106,10 @@ export function CircleTextField(
           InputProps={{
             sx: {
               "cursor": cursor,
-              // Removing width so that we can put in arbitrary values here
               "height": "3rem",
-              // Fixes issue #414
               "font-family": "monospace",
               "outline": "none",
-              "background": miniTheme.boxBackgroundColor,
+              "background": (theme) => theme.palette.action.hover,
               "&&": {
                 color: "inherit",
               },
@@ -158,7 +156,6 @@ export function CircleTextField(
       {!props.readonly && props.onDecrement && (
         <Fade in={areCounterButtonsVisible}>
           <IconButton
-            size="small"
             data-cy={`${props.dataCy}.decrement`}
             sx={{
               "position": "absolute",
@@ -171,15 +168,14 @@ export function CircleTextField(
             onClick={props.onDecrement}
           >
             <RemoveCircleOutlineOutlinedIcon
-              sx={{ width: "1.1rem", height: "1.1rem" }}
+              sx={{ width: "1.5rem", height: "1.5rem" }}
             />
           </IconButton>
         </Fade>
       )}
       {!props.readonly && props.onIncrement && (
         <Fade in={areCounterButtonsVisible}>
           <IconButton
-            size="small"
             data-cy={`${props.dataCy}.increment`}
             sx={{
               "position": "absolute",
@@ -192,7 +188,7 @@ export function CircleTextField(
             onClick={props.onIncrement}
           >
             <AddCircleOutlineOutlinedIcon
-              sx={{ width: "1.1rem", height: "1.1rem" }}
+              sx={{ width: "1.5rem", height: "1.5rem" }}
             />
           </IconButton>
         </Fade>