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

fix: dashboard header z index and workspace active cycles fix (#3581)

Browse Source 
* fix: dashboard header z index fix

* chore: workspace active cycles upgrade page improvement
This commit is contained in:
Anmol Singh Bhatia 2024-02-07 13:44:45 +05:30 committed by GitHub
parent 4b2a9c8335
commit 0a99a1a091
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/headers/workspace-dashboard.tsx
View File

@ -18,7 +18,7 @@ export const WorkspaceDashboardHeader = () => {
return ( return (
<> <>
<ProductUpdatesModal isOpen={isProductUpdatesModalOpen} setIsOpen={setIsProductUpdatesModalOpen} /> <ProductUpdatesModal isOpen={isProductUpdatesModalOpen} setIsOpen={setIsProductUpdatesModalOpen} />
<div className="relative z-20 flex h-[3.75rem] w-full flex-shrink-0 flex-row items-center justify-between gap-x-2 gap-y-4 border-b border-custom-border-200 bg-custom-sidebar-background-100 p-4"> <div className="relative z-[15] flex h-[3.75rem] w-full flex-shrink-0 flex-row items-center justify-between gap-x-2 gap-y-4 border-b border-custom-border-200 bg-custom-sidebar-background-100 p-4">
<div className="flex items-center gap-2 overflow-ellipsis whitespace-nowrap"> <div className="flex items-center gap-2 overflow-ellipsis whitespace-nowrap">
<SidebarHamburgerToggle /> <SidebarHamburgerToggle />
<div> <div>

15
web/components/workspace/workspace-active-cycles-upgrade.tsx
View File

@ -19,7 +19,7 @@ export const WorkspaceActiveCyclesUpgrade = observer(() => {
const isDarkMode = currentUser?.theme.theme === "dark"; const isDarkMode = currentUser?.theme.theme === "dark";
return ( return (
<div className="flex flex-col gap-10 p-8 rounded-xl"> <div className="flex flex-col gap-10 pt-8 px-8 rounded-xl h-full">
<div <div
className={cn("flex item-center justify-between rounded-xl min-h-[25rem]", { className={cn("flex item-center justify-between rounded-xl min-h-[25rem]", {
"bg-gradient-to-l from-[#CFCFCF] to-[#212121]": currentUser?.theme.theme === "dark", "bg-gradient-to-l from-[#CFCFCF] to-[#212121]": currentUser?.theme.theme === "dark",
@ -43,17 +43,6 @@ export const WorkspaceActiveCyclesUpgrade = observer(() => {
<Crown className="h-3.5 w-3.5" /> <Crown className="h-3.5 w-3.5" />
Upgrade Upgrade
</a> </a>
<a
className={cn("text-sm underline", {
"text-white": currentUser?.theme.theme === "dark",
"text-blue-600": currentUser?.theme.theme === "light",
})}
href="https://plane.so/pricing"
target="_blank"
rel="noreferrer"
>
Talk custom pricing
</a>
</div> </div>
<span className="absolute left-0 top-0"> <span className="absolute left-0 top-0">
<Image <Image
@ -84,7 +73,7 @@ export const WorkspaceActiveCyclesUpgrade = observer(() => {
</span> </span>
</div> </div>
</div> </div>
<div className="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-5"> <div className="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-5 pb-8 h-full">
{WORKSPACE_ACTIVE_CYCLES_DETAILS.map((item) => ( {WORKSPACE_ACTIVE_CYCLES_DETAILS.map((item) => (
<div className="flex flex-col gap-2 p-4 min-h-32 w-full bg-custom-background-80 rounded-md"> <div className="flex flex-col gap-2 p-4 min-h-32 w-full bg-custom-background-80 rounded-md">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">