MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

login input label font color updated

Browse Source
This commit is contained in:
victorAnumudu
2024-12-17 13:25:17 +01:00
parent 4258e1a615
commit f6e714ed4b
3 changed files with 73 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/auth/Login2.jsx
+14 -10
View File
@@ -20,11 +20,15 @@ export default function Login() {
const [fields, setFields] = useState({
username: '',
password: ''
password: '',
// remember: false
})
const handleChange = ({target:{name, value}}) => {
setFields(prev => ({...prev, [name]:value}))
// if(name == 'remember'){
// return setFields(prev => ({...prev, remember:!prev.remember}))
// }
setFields(prev => ({...prev, [name]:value}))
}
const login = useMutation({
@@ -64,13 +68,13 @@ export default function Login() {
<div className="row">
<div className="col-12">
<div className="form-group">
<label className="control-label">User Name*</label>
<label className="control-label text-black">User Name*</label>
<input name='username' value={fields.username} onChange={handleChange} type="text" className="form-control" placeholder="Username" />
</div>
</div>
<div className="col-12">
<div className="form-group">
<label className="control-label">Password*</label>
<label className="control-label text-black">Password*</label>
<input name='password' value={fields.password} onChange={handleChange} type="password" className="form-control" placeholder="Password" />
</div>
</div>
@@ -78,7 +82,7 @@ export default function Login() {
<div className="d-block d-sm-flex align-items-center">
<div className="form-check">
<input className="form-check-input" type="checkbox" id="gridCheck" />
<label className="form-check-label" htmlFor="gridCheck">
<label className="form-check-label text-black" htmlFor="gridCheck">
Remember Me
</label>
</div>
@@ -100,9 +104,9 @@ export default function Login() {
</div>
</div>
</form>
<div class="row" style={{marginTop: '20px'}}>
<div class="col-6">
<div class="app-store-icons-wrap text-center">
<div className="row" style={{marginTop: '20px'}}>
<div className="col-6">
<div className="app-store-icons-wrap text-center">
<a className="icon google"
href='#'
// href="https://play.google.com/store/apps/details?id=com.mermsemr.providers" target="_blank"
@@ -112,8 +116,8 @@ export default function Login() {
</div>
</div>
<div class="col-6">
<div class="app-store-icons-wrap text-center">
<div className="col-6">
<div className="app-store-icons-wrap text-center">
<a className="icon apple"
href='#'
// href="https://play.google.com/store/apps/details?id=com.mermsemr.providers" target="_blank"