UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: центрирование панели режимов в нижнем dock

This commit is contained in:
DCCONSTRUCTIONS 2026-04-21 14:32:31 +03:00
parent 570e42b212
commit f1f29185bf
1 changed files with 5 additions and 3 deletions

View File

@ -94,21 +94,23 @@ export const HeaderFilters = observer(function HeaderFilters(props: Props) {
projectDetails={currentProjectDetails ?? undefined} projectDetails={currentProjectDetails ?? undefined}
isEpic={storeType === EIssuesStoreType.EPIC} isEpic={storeType === EIssuesStoreType.EPIC}
/> />
<div className="nodedc-top-toolbar-cluster flex items-center gap-2"> <div className="pointer-events-none absolute top-1/2 left-1/2 z-[1] flex -translate-x-1/2 -translate-y-1/2 items-center">
<div className="hidden @4xl:flex"> <div className="pointer-events-auto hidden @4xl:flex">
<LayoutSelection <LayoutSelection
layouts={LAYOUTS} layouts={LAYOUTS}
onChange={(layout) => handleLayoutChange(layout)} onChange={(layout) => handleLayoutChange(layout)}
selectedLayout={activeLayout} selectedLayout={activeLayout}
/> />
</div> </div>
<div className="flex @4xl:hidden"> <div className="pointer-events-auto flex @4xl:hidden">
<MobileLayoutSelection <MobileLayoutSelection
layouts={LAYOUTS} layouts={LAYOUTS}
onChange={(layout) => handleLayoutChange(layout)} onChange={(layout) => handleLayoutChange(layout)}
activeLayout={activeLayout} activeLayout={activeLayout}
/> />
</div> </div>
</div>
<div className="nodedc-top-toolbar-cluster flex items-center gap-2">
<WorkItemFiltersToggle entityType={storeType} entityId={projectId} /> <WorkItemFiltersToggle entityType={storeType} entityId={projectId} />
<FiltersDropdown <FiltersDropdown
miniIcon={<SlidersHorizontal className="size-3.5" />} miniIcon={<SlidersHorizontal className="size-3.5" />}