fix: mount create action bar in main content
This commit is contained in:
@@ -1,10 +1,5 @@
|
|||||||
import { OperationForm } from "../../features/operation-form/operation-form";
|
import { OperationForm } from "../../features/operation-form/operation-form";
|
||||||
|
|
||||||
export function OperationCreatePage() {
|
export function OperationCreatePage() {
|
||||||
return (
|
return <OperationForm actionBarContainerId="app-main-content" />;
|
||||||
<div className="create-page-layout">
|
|
||||||
<OperationForm actionBarContainerId="operation-create-action-bar" />
|
|
||||||
<div className="sticky-action-bar-slot" id="operation-create-action-bar" />
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -121,7 +121,7 @@ export function AppShell({ children }: AppShellProps) {
|
|||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main className="main-content">
|
<main className="main-content" id="app-main-content">
|
||||||
<div className="page-header">
|
<div className="page-header">
|
||||||
<h1>{meta.heading}</h1>
|
<h1>{meta.heading}</h1>
|
||||||
<p>{meta.subtitle}</p>
|
<p>{meta.subtitle}</p>
|
||||||
|
|||||||
@@ -398,7 +398,6 @@ button {
|
|||||||
.page-stack,
|
.page-stack,
|
||||||
.stack-layout,
|
.stack-layout,
|
||||||
.builder-stack,
|
.builder-stack,
|
||||||
.create-page-layout,
|
|
||||||
.service-grid,
|
.service-grid,
|
||||||
.service-method-list {
|
.service-method-list {
|
||||||
display: grid;
|
display: grid;
|
||||||
@@ -893,10 +892,6 @@ button {
|
|||||||
font-size: 12.5px;
|
font-size: 12.5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sticky-action-bar-slot {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.field-error {
|
.field-error {
|
||||||
color: #a1422c;
|
color: #a1422c;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|||||||
Reference in New Issue
Block a user