admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 4 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 954a961dd1 - Show all commits

35
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">
<div className="col col-2">
<p className="fw-semibold m-0 ms-3">Notes :</p> <p className="fw-semibold m-0 ms-3">Notes :</p>
</div> </div>
<div className="col d-flex justify-content-end gap-2 pe-0"> <div className="d-flex align-items-center justify-content-between mb-5">
{" "} <div className="m-0 d-flex align-items-center ms-2 mt-5">
<div className="d-flex align-items-center justify-content-between"> {(contactProfile?.notes?.length > 0 || contactNotes?.length > 0) && (
<label <label className="switch switch-primary">
className="switch switch-primary" <input
style={{ type="checkbox"
visibility: className="switch-input"
contactProfile?.notes?.length > 0 || onChange={handleSwitch}
contactNotes?.length > 0 checked={!IsActive}
? "visible" />
: "hidden", <span className="switch-toggle-slider">
}} <span className="switch-on"></span>
> <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>