Refactored UpdateSession

PalisadoesFoundation · Feb 1, 2025 · e53c405 · e53c405
1 parent 3379278
commit e53c405
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 12 deletions.
diff --git a/src/components/UpdateSession/UpdateSession.tsx b/src/components/UpdateSession/UpdateSession.tsx
@@ -177,18 +177,6 @@ const UpdateTimeout: React.FC<TestInterfaceUpdateTimeoutProps> = ({
                 step={5}
                 min={15}
                 max={60}
-                sx={{
-                  '& .MuiSlider-track': {
-                    backgroundColor: '#1778f2',
-                    border: 'none',
-                  },
-                  '& .MuiSlider-thumb': {
-                    backgroundColor: '#1778f2',
-                  },
-                  '& .MuiSlider-rail': {
-                    backgroundColor: '#E6E6E6',
-                  },
-                }}
                 className={styles.slider}
               />
             </Box>

diff --git a/src/style/app.module.css b/src/style/app.module.css
@@ -370,6 +370,7 @@
   --createButtonEventHeader-border: var(--dark-grey);
   --createButtonEventHeader-hover-color: var(--black-color);
   --createButtonEventHeader-boxshadow: rgba(0, 0, 0, 0.3);
+  --slider-rail-bg: #e6e6e6;
 }
 
 .fonts {
@@ -895,6 +896,15 @@
 
 .slider .MuiSlider-track {
   background-color: var(--slider-bg) !important;
+  border: 'none';
+}
+
+.slider .MuiSlider-thumb {
+  background-color: var(--slider-bg) !important;
+}
+
+.slider .MuiSlider-rail {
+  background-color: var(--slider-rail-bg) !important;
 }
 
 .removeButton {