github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2025-08-07 19:59:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

[WEB-4497] chore: reduce breadcrumb height (#7413)

Browse Source 
* chore: reduce breadcrumb height from 3.75rem to 3.25rem

* chore: code refactor

* chore: code refactor
This commit is contained in:
Anmol Singh Bhatia
2025-07-16 01:03:31 +05:30
committed by GitHub
parent ac22df3f88
commit da5390fa03
7 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/admin/app/(all)/(dashboard)/header.tsx
View File

@@ -72,7 +72,7 @@ export const AdminHeader: FC = observer(() => {
const breadcrumbItems = generateBreadcrumbItems(pathName);
return (
<div className="relative z-10 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-sidebar-border-200 bg-custom-sidebar-background-100 p-4">
<div className="relative z-10 flex h-header w-full flex-shrink-0 flex-row items-center justify-between gap-x-2 gap-y-4 border-b border-custom-sidebar-border-200 bg-custom-sidebar-background-100 p-4">
<div className="flex w-full flex-grow items-center gap-2 overflow-ellipsis whitespace-nowrap">
<HamburgerToggle />
{breadcrumbItems.length >= 0 && (

2
apps/admin/app/(all)/(dashboard)/sidebar-dropdown.tsx
View File

@@ -77,7 +77,7 @@ export const AdminSidebarDropdown = observer(() => {
}, [csrfToken]);
return (
<div className="flex max-h-[3.75rem] items-center gap-x-5 gap-y-2 border-b border-custom-sidebar-border-200 px-4 py-3.5">
<div className="flex max-h-header items-center gap-x-5 gap-y-2 border-b border-custom-sidebar-border-200 px-4 py-3.5">
<div className="h-full w-full truncate">
<div
className={`flex flex-grow items-center gap-x-2 truncate rounded py-1 ${

2
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/draft-issues/header.tsx
View File

@@ -94,7 +94,7 @@ export const ProjectDraftIssueHeader: FC = observer(() => {
const issueCount = undefined;
return (
<div className="relative z-10 flex h-[3.75rem] w-full flex-shrink-0 flex-row items-center justify-between gap-x-2 gap-y-4 bg-custom-sidebar-background-100 p-4">
<div className="relative z-10 flex h-header w-full flex-shrink-0 flex-row items-center justify-between gap-x-2 gap-y-4 bg-custom-sidebar-background-100 p-4">
<div className="flex w-full flex-grow items-center gap-2 overflow-ellipsis whitespace-nowrap">
<div className="flex items-center gap-2.5">
<Breadcrumbs isLoading={loader === "init-loader"}>

2
apps/web/core/components/core/app-header.tsx
View File

@@ -21,7 +21,7 @@ export const AppHeader = observer((props: AppHeaderProps) => {
return (
<div className="z-[18]">
<Row className="h-[3.75rem] flex gap-2 w-full items-center border-b border-custom-border-200 bg-custom-sidebar-background-100">
<Row className="h-header flex gap-2 w-full items-center border-b border-custom-border-200 bg-custom-sidebar-background-100">
{sidebarCollapsed && <AppSidebarToggleButton />}
<div className="w-full">{header}</div>
</Row>

4
apps/web/core/components/ui/loader/layouts/gantt-layout-loader.tsx
View File

@@ -17,7 +17,7 @@ export const GanttLayoutLoader = () => (
</div>
<div className="flex h-full">
<div className="h-full w-[25.5rem] border-r border-custom-border-200">
<Row className="flex items-end h-[3.75rem] py-2 border-b border-custom-border-200">
<Row className="flex items-end h-header py-2 border-b border-custom-border-200">
<div className="flex items-center justify-between w-full">
<span className="h-5 w-14 bg-custom-background-80 rounded" />
<span className="h-5 w-16 bg-custom-background-80 rounded" />
@@ -33,7 +33,7 @@ export const GanttLayoutLoader = () => (
</Row>
</div>
<div className="h-full w-full border-r border-custom-border-200">
<div className="flex flex-col justify-between gap-2 h-[3.75rem] py-1.5 px-4 border-b border-custom-border-200">
<div className="flex flex-col justify-between gap-2 h-header py-1.5 px-4 border-b border-custom-border-200">
<div className="flex items-center justify-start">
<span className="h-5 w-20 bg-custom-background-80 rounded" />
</div>

2
apps/web/core/components/workspace-notifications/sidebar/root.tsx
View File

@@ -58,7 +58,7 @@ export const NotificationsSidebarRoot: FC = observer(() => {
)}
>
<div className="relative w-full h-full flex flex-col">
<Row className="h-[3.75rem] border-b border-custom-border-200 flex">
<Row className="h-header border-b border-custom-border-200 flex flex-shrink-0">
<NotificationSidebarHeader workspaceSlug={workspaceSlug.toString()} />
</Row>

3
packages/tailwind-config/tailwind.config.js
View File

@@ -396,6 +396,9 @@ module.exports = {
80: "18rem",
96: "21.6rem",
},
height: {
header: "3.25rem",
},
space: {
0: "0",
0.5: "0.1125rem",