From 7656d4259e21f8b97362a613a2b2a8ef696ae2c8 Mon Sep 17 00:00:00 2001 From: litaesther10 Date: Wed, 22 Mar 2023 11:10:01 +0100 Subject: [PATCH] Added margins and borders --- apps/web/pages/documents/[id]/recipients.tsx | 50 ++++++++++---------- 1 file changed, 26 insertions(+), 24 deletions(-) diff --git a/apps/web/pages/documents/[id]/recipients.tsx b/apps/web/pages/documents/[id]/recipients.tsx index 540a658af..e3e8da8df 100644 --- a/apps/web/pages/documents/[id]/recipients.tsx +++ b/apps/web/pages/documents/[id]/recipients.tsx @@ -85,17 +85,17 @@ const RecipientsPage: NextPageWithLayout = (props: any) => { {title} -
+
-
+

{props.document.title}

-
+
-
-
-

+
+
+

Signers

-

+

The people who will sign the document.

@@ -151,12 +151,15 @@ const RecipientsPage: NextPageWithLayout = (props: any) => { {fields.map((item: any, index: number) => (
  • -
    +
    @@ -188,7 +191,7 @@ const RecipientsPage: NextPageWithLayout = (props: any) => { documentId: props.document.id, }); }} - className="block w-full border-0 p-0 text-gray-900 placeholder-gray-500 sm:text-sm outline-none bg-inherit" + className="block w-full p-0 text-gray-900 placeholder-gray-500 border-0 outline-none sm:text-sm bg-inherit" placeholder="john.dorian@loremipsum.com" /> {errors?.signers?.[index] ? ( @@ -204,7 +207,7 @@ const RecipientsPage: NextPageWithLayout = (props: any) => {
    @@ -236,12 +239,12 @@ const RecipientsPage: NextPageWithLayout = (props: any) => { documentId: props.document.id, }); }} - className="block w-full border-0 p-0 text-gray-900 placeholder-gray-500 sm:text-sm outline-none bg-inherit" + className="block w-full p-0 text-gray-900 placeholder-gray-500 border-0 outline-none sm:text-sm bg-inherit" placeholder="John Dorian" />
    -
    -
    +
    +
    {item.sendStatus === "NOT_SENT" ? ( { id="sent_icon" className="inline-block mt-3 flex-shrink-0 rounded-full bg-yellow-200 px-2 py-0.5 text-xs font-medium text-gray-800" > - {" "} - Sent + Sent ) : ( @@ -296,7 +298,7 @@ const RecipientsPage: NextPageWithLayout = (props: any) => { )}
    -
    +
    { loading } color="secondary" - className="mr-4 h-9 my-auto" + className="my-auto mr-4 h-9" onClick={() => { if (confirm("Resend this signing request?")) { setLoading(true); @@ -370,11 +372,11 @@ const RecipientsPage: NextPageWithLayout = (props: any) => { leaveFrom="opacity-100" leaveTo="opacity-0" > -
    +
    -
    +
    { leaveFrom="opacity-100 translate-y-0 sm:scale-100" leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" > - +
    -
    +