From 0b933c3feeb093a260a60b17e2bef56ae547e95e Mon Sep 17 00:00:00 2001 From: AmitChauhan63390 Date: Sat, 16 Nov 2024 16:29:37 +0530 Subject: [PATCH] fill color changed to pink --- src/pages/Login.tsx | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx index 7a637ccf..8ed712f3 100644 --- a/src/pages/Login.tsx +++ b/src/pages/Login.tsx @@ -79,6 +79,21 @@ const Login = () => { margin="normal" variant="outlined" required + sx={{ + '& .MuiOutlinedInput-root': { + backgroundColor: email ? '#ffe6f9' : '#ffffff', + // backgroundColor: ' #ffe6f9', // Change fill color here + '& fieldset': { + borderColor: '#ff33cc', // Border color (optional) + }, + '&:hover fieldset': { + borderColor: '#ff33cc', // Hover border color (optional) + }, + '&.Mui-focused fieldset': { + borderColor: '#ff33cc', // Focus border color (optional) + }, + }, + }} /> { margin="normal" variant="outlined" required + sx={{ + '& .MuiOutlinedInput-root': { + backgroundColor: password ? '#ffe6f9' : '#ffffff', + // backgroundColor: ' #ffe6f9', // Change fill color here + '& fieldset': { + borderColor: '#ff33cc', // Border color (optional) + }, + '&:hover fieldset': { + borderColor: '#ff33cc', // Hover border color (optional) + }, + '&.Mui-focused fieldset': { + borderColor: '#ff33cc', // Focus border color (optional) + }, + }, + }} />