modified the style overrides for the toggle button group

2025-03-20 15:35:46 -06:00 · 2025-03-20 15:35:46 -06:00 · adc543140a
commit adc543140a
parent ebf889fa7c
1 changed files with 31 additions and 0 deletions
--- a/src/theme/theme.ts
+++ b/src/theme/theme.ts
@ -245,6 +245,37 @@ function options(themeType: "light" | "dark"): ThemeOptions {
          },
        },
      },
+      MuiToggleButtonGroup: {
+        styleOverrides: {
+          root: {
+            borderRadius: 25
+          },
+          middleButton: {
+            borderRadius: 24,
+            marginRight: 5,
+            marginLeft: 5,
+          },
+          lastButton: {
+            borderRadius: 24,
+          },
+          firstButton: {
+            borderRadius: 24,
+          },
+          grouped: {
+            border: "none",
+            color: "gray"
+          }
+        }
+      },
+      // MuiToggleButton: {
+      //   styleOverrides: {
+      //     root: {
+      //       "&:hover": {
+      //         backgroundColor: getPrimaryColour(),
+      //       }
+      //     }
+      //   }
+      // }
      // MuiDataGrid: {
      //   styleOverrides: {
      //     root: {