feat: change bg color on hover

2025-01-08 16:50:15 +05:30
parent 5b89111431
commit cefa5dfa10
1 changed files with 2 additions and 1 deletions
--- a/src/components/molecules/SaveRecording.tsx
+++ b/src/components/molecules/SaveRecording.tsx
@@ -83,13 +83,14 @@ export const SaveRecording = ({ fileName }: SaveRecordingProps) => {
      <Button 
        onClick={() => setOpenModal(true)} 
        variant="outlined" 
-        color="success"  // Adding this back
+        color="success" 
        sx={{ 
          marginRight: '20px',
          color: '#00c853 !important',
          borderColor: '#00c853 !important',
          '&:hover': {
            borderColor: '#00c853 !important',
+            backgroundColor: 'whitesmoke !important',
          }
        }} 
        size="small"