feat: add styling for cancel button

2025-01-08 18:06:18 +05:30
parent 07f1aba701
commit 8cb72691d1
1 changed files with 11 additions and 1 deletions
--- a/src/components/molecules/BrowserRecordingSave.tsx
+++ b/src/components/molecules/BrowserRecordingSave.tsx
@@ -63,7 +63,17 @@ const BrowserRecordingSave = () => {
                <Button onClick={goToMainMenu} variant="contained" color="error">
                  {t('right_panel.buttons.discard')}
                </Button>
-                <Button onClick={() => setOpenModal(false)} variant="outlined">
+                <Button 
+                  onClick={() => setOpenModal(false)} 
+                  variant="outlined"
+                  sx={{ 
+                    color: '#ff00c3 !important',
+                    borderColor: '#ff00c3 !important',
+                    '&:hover': {
+                      borderColor: '#ff00c3 !important',
+                      backgroundColor: 'whitesmoke !important',
+                    }
+                  }}>
                  {t('right_panel.buttons.cancel')}
                </Button>
              </Box>