feat: change bg color on hover

2025-01-08 16:50:36 +05:30
parent cefa5dfa10
commit 753d1d8ea2
1 changed files with 15 additions and 1 deletions
--- a/src/components/molecules/BrowserRecordingSave.tsx
+++ b/src/components/molecules/BrowserRecordingSave.tsx
@@ -39,7 +39,21 @@ const BrowserRecordingSave = () => {
          justifyContent: 'space-between',
          height:"48px"
        }}>
-          <Button onClick={() => setOpenModal(true)} variant="outlined" style={{ marginLeft: "25px" }} size="small" color="error">
+          <Button 
+            onClick={() => setOpenModal(true)} 
+            variant="outlined" 
+            color="error"  
+            sx={{ 
+              marginLeft: '25px',
+              color: 'red !important',
+              borderColor: 'red !important',
+              '&:hover': {
+                borderColor: 'red !important',
+                backgroundColor: 'whitesmoke !important',
+              }
+            }} 
+            size="small"
+          >
            {t('right_panel.buttons.discard')}
          </Button>
          <GenericModal isOpen={openModal} onClose={() => setOpenModal(false)} modalStyle={modalStyle}>