admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

UI Alignment and Icon Styling Issue in Contact Card Design in Directory. #292

Closed
kartik.sharma wants to merge 65 commits from Kartik_Bug#805 into Issues_July_4W
pull from: Kartik_Bug#805
merge into: admin:Issues_July_4W
Conversation 0 Commits 65 Files Changed 4 +22 -17
1 changed files with 22 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 740a730f7a - Show all commits

39
src/components/Directory/NotesDirectory.jsx
View File

@ -117,23 +117,28 @@ const NotesDirectory = ({
return ( return (
<div className="text-start mt-10"> <div className="text-start mt-10">
<div className="d-flex align-items-center justify-content-between"> <div className="d-flex align-items-center justify-content-between">
<div className="row w-100 align-items-center"> <p className="fw-semibold m-0 ms-3">Notes :</p>
<div className="col col-2"> </div>
<p className="fw-semibold m-0 ms-3">Notes :</p> <div className="d-flex align-items-center justify-content-between mb-5">
</div> <div className="m-0 d-flex align-items-center ms-2 mt-5">
<div className="col d-flex justify-content-end gap-2 pe-0"> {(contactProfile?.notes?.length > 0 || contactNotes?.length > 0) && (
{" "} <label className="switch switch-primary">
<div className="d-flex align-items-center justify-content-between"> <input
<label type="checkbox"
className="switch switch-primary" className="switch-input"
style={{ onChange={handleSwitch}
visibility: checked={!IsActive}
contactProfile?.notes?.length > 0 || />
contactNotes?.length > 0 <span className="switch-toggle-slider">
? "visible" <span className="switch-on"></span>
: "hidden", <span className="switch-off"></span>
}} </span>
> <span className="switch-label">Include Deleted Notes</span>
</label>
)}
{!(contactProfile?.notes?.length > 0 || contactNotes?.length > 0) && (
<div style={{ visibility: "hidden" }}>
<label className="switch switch-primary">
<input type="checkbox" className="switch-input" /> <input type="checkbox" className="switch-input" />
<span className="switch-toggle-slider"> <span className="switch-toggle-slider">
<span className="switch-on"></span> <span className="switch-on"></span>