mirror/Checkmate
1
0
Fork 0
mirror of https://github.com/bluewave-labs/Checkmate.git synced 2026-01-19 16:19:45 -06:00
Code Issues Packages Projects Releases Wiki Activity

Some of the inconsistencies are fixed

Browse Source
This commit is contained in:
MuhammadKhalilzadeh
2024-05-07 20:40:01 +03:30
parent 68c74de1e4
commit 136a1bc9af
4 changed files with 42 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
Client/src/components/TextFields/Email/EmailTextField.jsx
View File

@@ -20,32 +20,35 @@ function EmailTextField({
const handleMouseLeave = () => setShowIcon(false);
return (
<div className="email-text-field">
<TextField
error={error}
className="email-text-field-input"
id={id}
label={label}
variant={variant}
placeholder={placeholder}
InputProps={{
endAdornment: (
<InputAdornment position="end">
{error && showIcon && (
<ErrorOutlineIcon style={{ fill: "red" }} />
)}
{error && !showIcon && (
<ErrorOutlineIcon style={{ fill: "red" }} />
)}
{!error && showIcon && <HelpOutlineIcon />}
</InputAdornment>
),
}}
helperText={helperText}
onMouseEnter={handleMouseEnter}
onMouseLeave={handleMouseLeave}
/>
</div>
<>
<div className="email-text-field-title">Email</div>
<div className="email-text-field">
<TextField
error={error}
className="email-text-field-input"
id={id}
label={label}
variant={variant}
placeholder={placeholder}
InputProps={{
endAdornment: (
<InputAdornment position="end">
{error && showIcon && (
<ErrorOutlineIcon style={{ fill: "red" }} />
)}
{error && !showIcon && (
<ErrorOutlineIcon style={{ fill: "red" }} />
)}
{!error && showIcon && <HelpOutlineIcon />}
</InputAdornment>
),
}}
helperText={helperText}
onMouseEnter={handleMouseEnter}
onMouseLeave={handleMouseLeave}
/>
</div>
</>
);
}

6
Client/src/components/TextFields/Email/emailTextField.css
View File

@@ -7,3 +7,9 @@
position: relative;
margin: 10px 20px;
}
.email-text-field-title {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
margin: 0 20px;
margin-top: 30px;
}

1
Client/src/components/TextFields/Website/WebsiteTextField.jsx
View File

@@ -17,6 +17,7 @@ function WebsiteTextField({
return (
<>
<div className="website-textfield-title">Website</div>
<div className="website-textfield">
<label className="website-label" htmlFor="website">
http://

6
Client/src/components/TextFields/Website/websiteTextField.css
View File

@@ -7,6 +7,12 @@
--font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.website-textfield-title {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
margin: 0 20px;
margin-top: 30px;
}
.website-textfield {
font-family: var(--font-family);
display: flex;