style: list and kanban view theming (#906)

* fix: sidebar workspace dropdown logo

* style: list and kanban view theming
This commit is contained in:
Aaryan Khandelwal 2023-04-20 18:13:21 +05:30 committed by GitHub
parent 170b3d6eec
commit 952d35dd79
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
17 changed files with 170 additions and 144 deletions

View file

@ -12,7 +12,6 @@ import Container from "layouts/container";
import AppHeader from "layouts/app-layout/app-header";
import AppSidebar from "layouts/app-layout/app-sidebar";
import SettingsNavbar from "layouts/settings-navbar";
import { WorkspaceAuthorizationLayout } from "./workspace-authorization-wrapper";
// components
import { NotAuthorizedView, JoinProject } from "components/auth-screens";
import { CommandPalette } from "components/command-palette";
@ -72,7 +71,7 @@ const ProjectAuthorizationWrapped: React.FC<Props> = ({
<div className="flex h-screen w-full overflow-x-hidden">
<AppSidebar toggleSidebar={toggleSidebar} setToggleSidebar={setToggleSidebar} />
{loading ? (
<div className="h-full w-full grid place-items-center p-4">
<div className="grid h-full w-full place-items-center p-4">
<div className="flex flex-col items-center gap-3 text-center">
<h3 className="text-xl">Loading your project...</h3>
<Spinner />
@ -81,8 +80,8 @@ const ProjectAuthorizationWrapped: React.FC<Props> = ({
) : error?.status === 401 || error?.status === 403 ? (
<JoinProject />
) : error?.status === 404 ? (
<div className="container h-screen grid place-items-center">
<div className="text-center space-y-4">
<div className="container grid h-screen place-items-center">
<div className="space-y-4 text-center">
<p className="text-2xl font-semibold">No such project exist. Create one?</p>
<PrimaryButton
onClick={() => {
@ -121,7 +120,11 @@ const ProjectAuthorizationWrapped: React.FC<Props> = ({
className={`flex w-full flex-grow flex-col ${
noPadding || issueView === "list" ? "" : settingsLayout ? "p-8 lg:px-28" : "p-8"
} ${
bg === "primary" ? "bg-brand-base" : bg === "secondary" ? "bg-brand-surface-1" : "bg-brand-base"
bg === "primary"
? "bg-brand-base"
: bg === "secondary"
? "bg-brand-surface-1"
: "bg-brand-base"
}`}
>
{settingsLayout && (