Merge branch 'feat/editor-bordered-panels' into 'main'
feat(editor): wrap InfoPanel + main content in bordered panels See merge request 2-6/2-6-4/terravault/ordinis!87
This commit is contained in:
@@ -51,7 +51,7 @@ export function EditorInfoPanel({ detail, recordCount, actions }: EditorInfoPane
|
|||||||
const incomingDeps: SchemaDependent[] = useMemo(() => refByRaw ?? [], [refByRaw])
|
const incomingDeps: SchemaDependent[] = useMemo(() => refByRaw ?? [], [refByRaw])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<aside className="lg:sticky lg:top-2 self-start space-y-4 lg:max-h-[calc(100vh-7rem)] lg:overflow-y-auto pr-2">
|
<aside className="lg:sticky lg:top-2 self-start space-y-4 lg:max-h-[calc(100vh-7rem)] lg:overflow-y-auto rounded-lg border border-line bg-surface p-4">
|
||||||
{/* Scope badge — top of panel */}
|
{/* Scope badge — top of panel */}
|
||||||
<span
|
<span
|
||||||
className={cn(
|
className={cn(
|
||||||
|
|||||||
@@ -619,6 +619,11 @@ function DictionaryDetail() {
|
|||||||
<WorkflowBanner detail={detailQuery.data} pendingCount={pendingByKey.size} />
|
<WorkflowBanner detail={detailQuery.data} pendingCount={pendingByKey.size} />
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
{/* Main editor panel — tab bar + toolbar + tab content в bordered card
|
||||||
|
* per redesign prototype. Visual containment отделяет editor от
|
||||||
|
* page chrome. */}
|
||||||
|
<div className="rounded-lg border border-line bg-surface overflow-hidden">
|
||||||
|
|
||||||
{/* Editor tabs per handoff Stage 3.4 + redesign:
|
{/* Editor tabs per handoff Stage 3.4 + redesign:
|
||||||
* - counts в labels (Записи 127, Связи 6, Поля 12)
|
* - counts в labels (Записи 127, Связи 6, Поля 12)
|
||||||
* - right-aligned actions: Schema edit + +Запись per редизайн */}
|
* - right-aligned actions: Schema edit + +Запись per редизайн */}
|
||||||
@@ -973,6 +978,9 @@ function DictionaryDetail() {
|
|||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
{/* === end records tab content === */}
|
{/* === end records tab content === */}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
{/* === end editor main panel === */}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/* === end 3-col grid === */}
|
{/* === end 3-col grid === */}
|
||||||
|
|||||||
Reference in New Issue
Block a user