binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: auth screens (#1531)

Browse source 
* chore: invitations empty state

* style: new auth screens

* chore: update typography

* chore: update border colors

* chore: resend code text
This commit is contained in:
Aaryan Khandelwal 2023-07-17 13:00:44 +05:30 • committed by GitHub
parent da6ecd439c
commit 5fadf53580
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
181 changed files with 682 additions and 645 deletions
Download patch file Download diff file Expand all files Collapse all files

4
apps/app/pages/[workspaceSlug]/projects/[projectId]/archived-issues/[archivedIssueId].tsx
View file

@ -170,7 +170,7 @@ const ArchivedIssueDetailsPage: NextPage = () => {
</button>
</div>
)}
<div className="space-y-5 divide-y-2 divide-custom-border-100 opacity-60">
<div className="space-y-5 divide-y-2 divide-custom-border-300 opacity-60">
<IssueMainContent
issueDetails={issueDetails}
submitChanges={submitChanges}
@ -178,7 +178,7 @@ const ArchivedIssueDetailsPage: NextPage = () => {
/>
</div>
</div>
<div className="w-1/3 space-y-5 border-l border-custom-border-100 p-5">
<div className="w-1/3 space-y-5 border-l border-custom-border-300 p-5">
<IssueDetailsSidebar
control={control}
issueDetail={issueDetails}

4
apps/app/pages/[workspaceSlug]/projects/[projectId]/archived-issues/index.tsx
View file

@ -55,11 +55,11 @@ const ProjectArchivedIssues: NextPage = () => {
}
>
<div className="h-full w-full flex flex-col">
<div className="flex items-center ga-1 px-4 py-2.5 shadow-sm border-b border-custom-border-100">
<div className="flex items-center ga-1 px-4 py-2.5 shadow-sm border-b border-custom-border-300">
<button
type="button"
onClick={() => router.push(`/${workspaceSlug}/projects/${projectId}/issues/`)}
className="flex items-center gap-1.5 rounded-full border border-custom-border-100 px-3 py-1.5 text-xs"
className="flex items-center gap-1.5 rounded-full border border-custom-border-300 px-3 py-1.5 text-xs"
>
<Icon iconName="archive" className="text-base" />
<span>Archived Issues</span>

2
apps/app/pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx
View file

@ -177,7 +177,7 @@ const ProjectCycles: NextPage = () => {
`rounded-3xl border px-6 py-1 outline-none ${
selected
? "border-custom-primary bg-custom-primary text-white font-medium"
: "border-custom-border-100 bg-custom-background-100 hover:bg-custom-background-80"
: "border-custom-border-300 bg-custom-background-100 hover:bg-custom-background-80"
}`
}
>

2
apps/app/pages/[workspaceSlug]/projects/[projectId]/inbox/[inboxId].tsx
View file

@ -52,7 +52,7 @@ const ProjectInbox: NextPage = () => {
>
<div className="flex flex-col h-full">
<InboxActionHeader />
<div className="grid grid-cols-4 flex-1 divide-x divide-custom-border-100 overflow-hidden">
<div className="grid grid-cols-4 flex-1 divide-x divide-custom-border-300 overflow-hidden">
<IssuesListSidebar />
<div className="col-span-3 h-full overflow-auto">
<InboxMainContent />

4
apps/app/pages/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
View file

@ -120,10 +120,10 @@ const IssueDetailsPage: NextPage = () => {
>
{issueDetails && projectId ? (
<div className="flex h-full">
<div className="w-2/3 space-y-5 divide-y-2 divide-custom-border-100 p-5">
<div className="w-2/3 space-y-5 divide-y-2 divide-custom-border-300 p-5">
<IssueMainContent issueDetails={issueDetails} submitChanges={submitChanges} />
</div>
<div className="w-1/3 space-y-5 border-l border-custom-border-100 p-5">
<div className="w-1/3 space-y-5 border-l border-custom-border-300 p-5">
<IssueDetailsSidebar
control={control}
issueDetail={issueDetails}

2
apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
View file

@ -337,7 +337,7 @@ const SinglePage: NextPage = () => {
return (
<div
key={label.id}
className="group flex cursor-pointer items-center gap-1 rounded-2xl border border-custom-border-100 px-2 py-0.5 text-xs hover:border-red-500 hover:bg-red-50"
className="group flex cursor-pointer items-center gap-1 rounded-2xl border border-custom-border-300 px-2 py-0.5 text-xs hover:border-red-500 hover:bg-red-50"
onClick={() => {
const updatedLabels = pageDetails.labels.filter((l) => l !== labelId);
partialUpdatePage({ labels_list: updatedLabels });

2
apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/index.tsx
View file

@ -177,7 +177,7 @@ const ProjectPages: NextPage = () => {
`rounded-full border px-5 py-1.5 text-sm outline-none ${
selected
? "border-custom-primary bg-custom-primary text-white"
: "border-custom-border-100 bg-custom-background-100 hover:bg-custom-background-90"
: "border-custom-border-300 bg-custom-background-100 hover:bg-custom-background-90"
}`
}
>

2
apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/estimates.tsx
View file

@ -146,7 +146,7 @@ const EstimatesSettings: NextPage = () => {
</section>
{estimatesList ? (
estimatesList.length > 0 ? (
<section className="h-full mt-5 divide-y divide-custom-border-100 rounded-xl border border-custom-border-100 bg-custom-background-100 px-6 overflow-y-auto">
<section className="h-full mt-5 divide-y divide-custom-border-300 rounded-xl border border-custom-border-300 bg-custom-background-100 px-6 overflow-y-auto">
{estimatesList.map((estimate) => (
<SingleEstimate
key={estimate.id}

2
apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/features.tsx
View file

@ -154,7 +154,7 @@ const FeaturesSettings: NextPage = () => {
{featuresList.map((feature) => (
<div
key={feature.property}
className="flex items-center justify-between gap-x-8 gap-y-2 rounded-[10px] border border-custom-border-100 bg-custom-background-100 p-5"
className="flex items-center justify-between gap-x-8 gap-y-2 rounded-[10px] border border-custom-border-300 bg-custom-background-100 p-5"
>
<div className="flex items-start gap-3">
{feature.icon}

2
apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx
View file

@ -261,7 +261,7 @@ const GeneralSettings: NextPage = () => {
</div>
<div className="col-span-12 sm:col-span-6">
{watch("cover_image") ? (
<div className="h-32 w-full rounded border border-custom-border-100 p-1">
<div className="h-32 w-full rounded border border-custom-border-300 p-1">
<div className="relative h-full w-full rounded">
<img
src={watch("cover_image")!}

2
apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/members.tsx
View file

@ -168,7 +168,7 @@ const MembersSettings: NextPage = () => {
<Loader.Item height="40px" />
</Loader>
) : (
<div className="divide-y divide-custom-border-100 rounded-[10px] border border-custom-border-100 bg-custom-background-100 px-6">
<div className="divide-y divide-custom-border-300 rounded-[10px] border border-custom-border-300 bg-custom-background-100 px-6">
{members.length > 0
? members.map((member) => (
<div key={member.id} className="flex items-center justify-between py-6">

4
apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/states.tsx
View file

@ -95,7 +95,7 @@ const StatesSettings: NextPage = () => {
Add
</button>
</div>
<div className="divide-y divide-custom-border-100 rounded-[10px] border border-custom-border-100">
<div className="divide-y divide-custom-border-300 rounded-[10px] border border-custom-border-300">
{key === activeGroup && (
<CreateUpdateStateInline
groupLength={orderedStateGroups[key].length}
@ -121,7 +121,7 @@ const StatesSettings: NextPage = () => {
/>
) : (
<div
className="border-b border-custom-border-100 last:border-b-0"
className="border-b border-custom-border-300 last:border-b-0"
key={state.id}
>
<CreateUpdateStateInline

2
apps/app/pages/[workspaceSlug]/projects/[projectId]/views/index.tsx
View file

@ -102,7 +102,7 @@ const ProjectViews: NextPage = () => {
views.length > 0 ? (
<div className="space-y-5 p-8">
<h3 className="text-2xl font-semibold text-custom-text-100">Views</h3>
<div className="divide-y divide-custom-border-100 rounded-[10px] border border-custom-border-100">
<div className="divide-y divide-custom-border-300 rounded-[10px] border border-custom-border-300">
{views.map((view) => (
<SingleViewItem
key={view.id}