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

fix: overflow issue with user name input

Browse Source
This commit is contained in:
Anik Dhabal Babu
2024-03-06 14:52:59 +00:00
parent d382e03085
commit b5b74a788c
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/web/src/components/forms/v2/signup.tsx
View File

@ -360,7 +360,7 @@ export const SignUpFormV2 = ({
{step === 'CLAIM_USERNAME' && ( {step === 'CLAIM_USERNAME' && (
<fieldset <fieldset
className={cn( className={cn(
'flex h-[500px] w-full flex-col gap-y-4', 'relative flex h-[500px] w-full flex-col gap-y-4',
isGoogleSSOEnabled && 'h-[600px]', isGoogleSSOEnabled && 'h-[600px]',
)} )}
disabled={isSubmitting} disabled={isSubmitting}
@ -378,7 +378,7 @@ export const SignUpFormV2 = ({
<FormMessage /> <FormMessage />
<div className="bg-muted/50 border-border text-muted-foreground mt-2 inline-block truncate rounded-md border px-2 py-1 text-sm lowercase"> <div className="bg-muted/50 border-border text-muted-foreground absolute mt-2 inline-block w-full truncate rounded-md border px-2 py-1 text-sm lowercase">
{baseUrl.host}/u/{field.value || '<username>'} {baseUrl.host}/u/{field.value || '<username>'}
</div> </div>
</FormItem> </FormItem>

4
apps/web/src/components/ui/user-profile-skeleton.tsx
View File

@ -24,9 +24,9 @@ export const UserProfileSkeleton = ({ className, user, rows = 2 }: UserProfileSk
className, className,
)} )}
> >
<div className="border-border bg-background text-muted-foreground inline-flex items-center rounded-md border px-2.5 py-1.5 text-sm"> <div className="border-border bg-background text-muted-foreground relative inline-block rounded-md border px-2.5 py-1.5 text-sm">
<span>{baseUrl.host}/u/</span> <span>{baseUrl.host}/u/</span>
<span className="inline-block max-w-[8rem] truncate lowercase">{user.url}</span> <span className="absolute inline-block max-w-[8rem] truncate lowercase">{user.url}</span>
</div> </div>
<div className="mt-4"> <div className="mt-4">