github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki 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 (
<>
<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">
<SidebarHamburgerToggle />
<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";
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
className={cn("flex item-center justify-between rounded-xl min-h-[25rem]", {
"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" />
Upgrade
</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>
<span className="absolute left-0 top-0">
<Image
@ -84,7 +73,7 @@ export const WorkspaceActiveCyclesUpgrade = observer(() => {
</span>
</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) => (
<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">