thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

fix: onboarding ui fix (#1225)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2023-06-07 01:56:58 +05:30 committed by GitHub
parent 684df96969
commit 40d2990565
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/app/components/onboarding/user-details.tsx
View File

@ -76,8 +76,8 @@ export const UserDetails: React.FC<Props> = ({ user, setStep, setUserRole }) =>
</div> </div>
<div className="flex flex-col justify-between gap-4 px-7 py-3.5 sm:flex-row"> <div className="flex flex-col justify-between gap-4 px-7 py-3.5 sm:flex-row">
<div className="flex flex-col items-start justify-center gap-2.5 w-full sm:w-1/2"> <div className="flex flex-col items-start justify-center gap-1 w-full sm:w-1/2">
<span>First name</span> <span className="mb-1.5">First name</span>
<Input <Input
name="first_name" name="first_name"
autoComplete="off" autoComplete="off"
@ -88,8 +88,8 @@ export const UserDetails: React.FC<Props> = ({ user, setStep, setUserRole }) =>
error={errors.first_name} error={errors.first_name}
/> />
</div> </div>
<div className="flex flex-col items-start justify-center gap-2.5 w-full sm:w-1/2"> <div className="flex flex-col items-start justify-center gap-1 w-full sm:w-1/2">
<span>Last name</span> <span className="mb-1.5">Last name</span>
<Input <Input
name="last_name" name="last_name"
autoComplete="off" autoComplete="off"
@ -128,6 +128,7 @@ export const UserDetails: React.FC<Props> = ({ user, setStep, setUserRole }) =>
</CustomSelect> </CustomSelect>
)} )}
/> />
{errors.role && <span className="text-sm text-red-500">{errors.role.message}</span>}
</div> </div>
</div> </div>
</div> </div>

4
apps/app/components/onboarding/workspace.tsx
View File

@ -82,7 +82,7 @@ export const Workspace: React.FC<Props> = ({ setStep, setWorkspace, user }) => {
<div className="grid w-full place-items-center"> <div className="grid w-full place-items-center">
<Tab.Group <Tab.Group
as="div" as="div"
className="flex h-[417px] w-full max-w-xl flex-col justify-between rounded-[10px] bg-brand-base shadow-md" className="flex h-[442px] w-full max-w-xl flex-col justify-between rounded-[10px] bg-brand-base shadow-md"
defaultIndex={currentTabValue(currentTab)} defaultIndex={currentTabValue(currentTab)}
onChange={(i) => { onChange={(i) => {
switch (i) { switch (i) {
@ -130,7 +130,7 @@ export const Workspace: React.FC<Props> = ({ setStep, setWorkspace, user }) => {
<Tab.Panels as="div" className="h-full"> <Tab.Panels as="div" className="h-full">
<Tab.Panel className="h-full"> <Tab.Panel className="h-full">
<div className="flex h-full w-full flex-col"> <div className="flex h-full w-full flex-col">
<div className="h-[255px] overflow-y-auto px-7"> <div className="h-[280px] overflow-y-auto px-7">
{invitations && invitations.length > 0 ? ( {invitations && invitations.length > 0 ? (
invitations.map((invitation) => ( invitations.map((invitation) => (
<div key={invitation.id}> <div key={invitation.id}>

16
apps/app/components/workspace/create-workspace-form.tsx
View File

@ -103,10 +103,10 @@ export const CreateWorkspaceForm: React.FC<Props> = ({
return ( return (
<form className="flex h-full w-full flex-col" onSubmit={handleSubmit(handleCreateWorkspace)}> <form className="flex h-full w-full flex-col" onSubmit={handleSubmit(handleCreateWorkspace)}>
<div className="divide-y h-[255px]"> <div className="divide-y h-[280px]">
<div className="flex flex-col justify-between gap-3.5 px-7 pb-3.5"> <div className="flex flex-col justify-between gap-3 px-7 pb-3.5">
<div className="flex flex-col items-start justify-center gap-2.5"> <div className="flex flex-col items-start justify-center gap-1">
<span className="text-sm">Workspace name</span> <span className="mb-1.5 text-sm">Workspace name</span>
<Input <Input
name="name" name="name"
register={register} register={register}
@ -125,8 +125,8 @@ export const CreateWorkspaceForm: React.FC<Props> = ({
error={errors.name} error={errors.name}
/> />
</div> </div>
<div className="flex flex-col items-start justify-center gap-2.5"> <div className="flex flex-col items-start justify-center gap-1">
<span className="text-sm">Workspace URL</span> <span className="mb-1.5 text-sm">Workspace URL</span>
<div className="flex w-full items-center rounded-md border border-brand-base px-3"> <div className="flex w-full items-center rounded-md border border-brand-base px-3">
<span className="whitespace-nowrap text-sm text-brand-secondary"> <span className="whitespace-nowrap text-sm text-brand-secondary">
{typeof window !== "undefined" && window.location.origin}/ {typeof window !== "undefined" && window.location.origin}/
@ -156,8 +156,8 @@ export const CreateWorkspaceForm: React.FC<Props> = ({
</div> </div>
</div> </div>
<div className="flex flex-col items-start justify-center gap-2.5 border-t border-brand-base px-7 pt-3.5 "> <div className="flex flex-col items-start justify-center gap-1 border-t border-brand-base px-7 pt-3.5 ">
<span className="text-sm">How large is your company?</span> <span className="mb-1.5 text-sm">How large is your company?</span>
<div className="w-full"> <div className="w-full">
<Controller <Controller
name="company_size" name="company_size"