Skip to content

Commit 149a16f

Browse files
prafull-opensignlabsprafull-opensignlabs
committed
style: update design of template ui
1 parent d8ff3d9 commit 149a16f

File tree

14 files changed

+151
-456
lines changed

14 files changed

+151
-456
lines changed

‎apps/OpenSign/src/components/LoginFacebook.js‎

Lines changed: 5 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -127,11 +127,10 @@ const LoginFacebook = ({
127127
/> */}
128128
{isModal && (
129129
<div
130-
className="modal fade show"
130+
className="modal fade show block z-[1]"
131131
id="exampleModal"
132132
tabIndex="-1"
133133
role="dialog"
134-
style={{ display: "block", zIndex: 1 }}
135134
>
136135
<div className="modal-dialog" role="document">
137136
<div className="modal-content">
@@ -144,11 +143,7 @@ const LoginFacebook = ({
144143
<div className="modal-body">
145144
<form>
146145
<div className="form-group">
147-
<label
148-
htmlFor="Phone"
149-
style={{ display: "flex" }}
150-
className="col-form-label"
151-
>
146+
<label htmlFor="Phone" className="col-form-label">
152147
Phone <span className="text-[red] text-[13px]">*</span>
153148
</label>
154149
<input
@@ -166,11 +161,7 @@ const LoginFacebook = ({
166161
/>
167162
</div>
168163
<div className="form-group">
169-
<label
170-
htmlFor="Company"
171-
style={{ display: "flex" }}
172-
className="col-form-label"
173-
>
164+
<label htmlFor="Company" className="col-form-label">
174165
Company <span className="text-[red] text-[13px]">*</span>
175166
</label>
176167
<input
@@ -191,16 +182,14 @@ const LoginFacebook = ({
191182
<button
192183
type="button"
193184
onClick={() => handleSubmitbtn()}
194-
className="btn btn-info"
195-
style={{ marginRight: 10 }}
185+
className="btn btn-info mr-[10px]"
196186
>
197187
Sign up
198188
</button>
199189
<button
200190
type="button"
201-
className="btn btn-secondary"
191+
className="btn btn-secondary w-[90px]"
202192
onClick={() => setIsModal(false)}
203-
style={{ width: 90 }}
204193
>
205194
Cancel
206195
</button>

‎apps/OpenSign/src/components/dashboard/GetDashboard.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ const GetDashboard = (props) => {
3939
<div
4040
className={`${
4141
col?.widget?.bgColor ? col.widget.bgColor : "bg-[#2ed8b6]"
42-
} op-card w-full h-[140px] px-3 pt-4 mb-3 shadow-md"`}
42+
} op-card w-full h-[140px] px-3 pt-4 mb-3 shadow-md"`}
4343
data-tut={col.widget.data.tourSection}
4444
>
4545
<Suspense
@@ -81,7 +81,7 @@ const GetDashboard = (props) => {
8181
<div
8282
className={`${
8383
col?.widget?.bgColor ? col.widget.bgColor : "bg-[#2ed8b6]"
84-
} op-card w-full h-[140px] px-3 pt-4 mb-3 shadow-md"`}
84+
} op-card w-full h-[140px] px-3 pt-4 mb-3 shadow-md"`}
8585
>
8686
<Suspense fallback={<div>please wait</div>}>
8787
<DashboardCard

‎apps/OpenSign/src/components/opensigndrive/DriveBody.js‎

Lines changed: 18 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -313,32 +313,21 @@ function DriveBody(props) {
313313

314314
const signersName = () => {
315315
const getSignersName = signerExist.map((data) => data.Name);
316-
const signerName = getSignersName.join(",");
316+
const signerName = getSignersName.join(", ");
317317

318318
return (
319-
<span
320-
className="statusSpan"
321-
style={{ width: "90%", wordWrap: "break-word" }}
322-
>
323-
{signerName}{" "}
324-
</span>
319+
<span className="statusSpan w-[90%] break-words">{signerName}</span>
325320
);
326321
};
327322
return listType === "table" ? (
328323
data.Type === "Folder" ? (
329324
<tr onClick={() => handleOnclikFolder(data)}>
330-
<td
331-
style={{ cursor: "pointer", display: "flex", alignItems: "center" }}
332-
>
325+
<td className="cursor-pointer flex items-center">
333326
<i
334-
className="fa fa-folder"
327+
className="fa fa-folder mr-[8px] text-[26px] text-[#f0ad26]"
335328
aria-hidden="true"
336-
style={{ color: "#f0ad26", marginRight: "8px", fontSize: "26px" }}
337329
></i>
338-
339-
<span style={{ fontSize: "12px", fontWeight: "500" }}>
340-
{data.Name}
341-
</span>
330+
<span className="text-[12px] font-medium">{data.Name}</span>
342331
</td>
343332
<td>_</td>
344333
<td>Folder</td>
@@ -347,17 +336,9 @@ function DriveBody(props) {
347336
</tr>
348337
) : (
349338
<tr onClick={() => checkPdfStatus(data)}>
350-
<td
351-
style={{ cursor: "pointer", display: "flex", alignItems: "center" }}
352-
>
353-
<i
354-
className="fa fa-file-pdf"
355-
style={{ color: "#ed4d0e", marginRight: "8px", fontSize: "26px" }}
356-
></i>
357-
358-
<span style={{ fontSize: "12px", fontWeight: "500" }}>
359-
{data.Name}
360-
</span>
339+
<td className="cursor-pointer flex items-center">
340+
<i className="fa fa-file-pdf mr-[8px] text-[26px] text-[#ed4d0e]"></i>
341+
<span className="text-[12px] font-medium">{data.Name}</span>
361342
</td>
362343
<td>{createddate}</td>
363344
<td>Pdf</td>
@@ -368,9 +349,8 @@ function DriveBody(props) {
368349
e.stopPropagation();
369350
handleMenuItemClick("Download", data);
370351
}}
371-
className="fa fa-download"
352+
className="fa fa-download mr-[8px] text-[#ed280e]"
372353
aria-hidden="true"
373-
style={{ color: "#ed280e", marginRight: "8px" }}
374354
></i>
375355
</td>
376356
</tr>
@@ -403,12 +383,7 @@ function DriveBody(props) {
403383
defaultValue={renameValue}
404384
// value={renameValue}
405385
onChange={(e) => setRenameValue(e.target.value)}
406-
style={{
407-
width: "100px",
408-
border: "1.5px solid black",
409-
borderRadius: "2px",
410-
fontSize: "10px"
411-
}}
386+
className="w-[100px] border-[1.5px] border-black rounded-sm text-[10px]"
412387
/>
413388
) : (
414389
<span className="foldName">{data.Name}</span>
@@ -426,8 +401,8 @@ function DriveBody(props) {
426401
onClick={() => handleMenuItemClick("Rename", data)}
427402
className="ContextMenuItem"
428403
>
429-
<i className="fa-solid fa-font"></i>
430-
<span style={{ marginLeft: "8px" }}>Rename</span>
404+
<i className="fa-solid fa-font mr-[8px]"></i>
405+
<span>Rename</span>
431406
</ContextMenu.Item>
432407
</ContextMenu.Content>
433408
</ContextMenu.Portal>
@@ -464,12 +439,7 @@ function DriveBody(props) {
464439
defaultValue={renameValue}
465440
// value={renameValue}
466441
onChange={(e) => setRenameValue(e.target.value)}
467-
style={{
468-
width: "100px",
469-
border: "1.5px solid black",
470-
borderRadius: "2px",
471-
fontSize: "10px"
472-
}}
442+
className="w-[100px] border-[1.5px] border-black rounded-sm text-[10px]"
473443
/>
474444
) : (
475445
<span className="fileName">{data.Name}</span>
@@ -514,7 +484,7 @@ function DriveBody(props) {
514484
className="ContextMenuItem"
515485
>
516486
<i className={menu.icon}></i>
517-
<span style={{ marginLeft: "8px" }}>{menu.type}</span>
487+
<span className="ml-[8px]">{menu.type}</span>
518488
</ContextMenu.Item>
519489
);
520490
})}
@@ -525,21 +495,21 @@ function DriveBody(props) {
525495
</HoverCard.Trigger>
526496
<HoverCard.Portal>
527497
<HoverCard.Content className="HoverCardContent" sideOffset={5}>
528-
<strong style={{ fontSize: "13px" }}>Title: </strong>
498+
<strong className="text-[13px]">Title: </strong>
529499
<span className="statusSpan" style={{ marginBottom: "0px" }}>
530500
{" "}
531501
{data.Name}
532502
</span>
533503
<br />
534-
<strong style={{ fontSize: "13px" }}>Status: </strong>
504+
<strong className="text-[13px]">Status: </strong>
535505
<span className="statusSpan"> {status}</span>
536506
<br />
537-
<strong style={{ fontSize: "13px" }}>Created Date: </strong>
507+
<strong className="text-[13px]">Created Date: </strong>
538508
<span className="statusSpan">{createddate}</span>
539509
<br />
540510
{signerExist && (
541511
<>
542-
<strong style={{ fontSize: "13px" }}>Signers: </strong>
512+
<strong className="text-[13px]">Signers: </strong>
543513
{/* <span className="statusSpan">kjefjjnejkfnkbjs bbfjkdsbjbfjkbjk kscbjkbjkb</span> */}
544514
{signersName()}
545515
</>

0 commit comments

Comments
 (0)