UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: центрирование панели режимов в нижнем dock
This commit is contained in:
parent
570e42b212
commit
f1f29185bf
|
|
@ -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" />}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue