Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-13 16:23:06 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix: make signing form card responsive

Browse Source
This commit is contained in:
nafees nazik
2023-08-26 08:47:19 +05:30
parent 70a5105783
commit 85677bb792
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/src/app/(signing)/sign/[token]/form.tsx
View File

@ -64,7 +64,7 @@ export const SigningForm = ({ document, recipient, fields }: SigningFormProps) =
<hr className="border-border mb-8 mt-4" /> <hr className="border-border mb-8 mt-4" />
<div className="-mx-2 flex flex-1 flex-col overflow-y-auto px-2"> <div className="-mx-2 flex flex-1 flex-col gap-4 overflow-y-auto px-2">
<div className="flex flex-1 flex-col gap-y-4"> <div className="flex flex-1 flex-col gap-y-4">
<div> <div>
<Label htmlFor="full-name">Full Name</Label> <Label htmlFor="full-name">Full Name</Label>
@ -98,10 +98,10 @@ export const SigningForm = ({ document, recipient, fields }: SigningFormProps) =
</div> </div>
</div> </div>
<div className="flex gap-4"> <div className="flex flex-col gap-4 md:flex-row">
<Button <Button
type="button" type="button"
className="dark:bg-muted dark:hover:bg-muted/80 flex-1 bg-black/5 hover:bg-black/10" className="dark:bg-muted dark:hover:bg-muted/80 w-full bg-black/5 hover:bg-black/10"
variant="secondary" variant="secondary"
size="lg" size="lg"
> >
@ -109,8 +109,8 @@ export const SigningForm = ({ document, recipient, fields }: SigningFormProps) =
</Button> </Button>
<Button <Button
className="w-full"
type="submit" type="submit"
className="flex-1"
size="lg" size="lg"
disabled={!isComplete || isSubmitting} disabled={!isComplete || isSubmitting}
> >

2
apps/web/src/app/(signing)/sign/[token]/page.tsx
View File

@ -57,7 +57,7 @@ export default async function SigningPage({ params: { token } }: SigningPageProp
</p> </p>
</div> </div>
<div className="mt-8 grid grid-cols-12 gap-8"> <div className="mt-8 grid grid-cols-12 gap-y-8 lg:gap-x-8 lg:gap-y-0">
<Card <Card
className="col-span-12 rounded-xl before:rounded-xl lg:col-span-7 xl:col-span-8" className="col-span-12 rounded-xl before:rounded-xl lg:col-span-7 xl:col-span-8"
gradient gradient