diff --git a/src/components/AuthPages/SignUp/index.jsx b/src/components/AuthPages/SignUp/index.jsx index 3f0cc31..1e2ec7b 100755 --- a/src/components/AuthPages/SignUp/index.jsx +++ b/src/components/AuthPages/SignUp/index.jsx @@ -62,8 +62,6 @@ export default function SignUp() { }) return } - - //checks if email is a valid email address let regEx = /^[^0-9][a-zA-Z0-9._%+-]+@[a-zA-Z]+(\.[a-zA-Z]+)+$/; if (regEx.test(email) == false) { diff --git a/src/components/Reminders/AddEditReminder.jsx b/src/components/Reminders/AddEditReminder.jsx index 68832b9..7849420 100644 --- a/src/components/Reminders/AddEditReminder.jsx +++ b/src/components/Reminders/AddEditReminder.jsx @@ -76,7 +76,7 @@ export default function AddEditReminder({ className }) { setMessage({status: true, message: ''}) let {description, notes, category, mode} = infoDetail //CHECKING IF AN EMPTY FIELD WAS PASSED - if(!description || !notes || !category || !mode){ + if(!description || !category || !mode){ setSuccess(false) setMessage({status: false, message: 'All fields must be filled'}) return diff --git a/src/index.css b/src/index.css index 7c28fe9..857404e 100755 --- a/src/index.css +++ b/src/index.css @@ -669,6 +669,7 @@ TODO: Responsive =========================== .nft-userprofile-wrapper .content-wrapper-profile-only .auth { margin-top: -70px; } + .react-date-picker__calendar {width: 290px;} } @media (max-width: 376px) { .notification-page .content-item .notifications { @@ -677,6 +678,7 @@ TODO: Responsive =========================== .notification-page .content-item .notifications .icon { @apply mb-2; } + } /* Calendar */ @@ -766,6 +768,11 @@ TODO: Responsive =========================== } /* Date Picker */ +.react-date-picker{ + display: flex !important; + flex: 1; +} + .react-date-picker__wrapper{ border: 0.5px solid #E3E4FE; padding: 1.25rem; @@ -783,6 +790,7 @@ TODO: Responsive =========================== .dark .react-date-picker__button svg{stroke: #7B818D;} +.react-date-picker__calendar {inset: 100% 25px auto auto !important;} .react-date-picker__calendar .react-calendar{ min-height: 18.4rem; }