fix(web/ui): correct project card layout and unify config section actions

- Fix .project-card flex direction so expanded repos align left
- Add .config-section-actions for consistent save bars
- Replace sticky footer in Config Profiles with config-section-actions
- Replace dialog-actions in Tool Type editor with config-section-actions
- Convert manifest editor preview block to .config-section
This commit is contained in:
Developer
2026-06-16 16:06:08 +00:00
parent 17f4e91a84
commit ac56c5e391
4 changed files with 25 additions and 10 deletions
@@ -294,7 +294,7 @@ export const ConfigProfileEditorPanel = ({
<GitMountEditor mounts={formData.git_mounts || []} onChange={(git_mounts) => onFormChange("git_mounts", git_mounts)} />
</section>
<div className="dialog-actions sticky-footer">
<div className="config-section-actions">
<button type="submit" disabled={saveStatus === "saving"} className="btn btn-primary">
<Icon name={isCreating ? "add" : "save"} size="sm" />
{saveStatus === "saving" ? "Saving..." : isCreating ? "Create Profile" : "Save Changes"}
@@ -332,7 +332,7 @@ export const ToolTypeEditorPanel = ({
{toolTypeError && <p className="text-error">{toolTypeError}</p>}
<div className="dialog-actions mt-4">
<div className="config-section-actions">
<button type="submit" className="btn btn-primary">
<Icon name={isCreating ? "add" : "save"} size="sm" />
{isCreating ? "Create Tool Type" : "Save Changes"}
@@ -749,14 +749,19 @@ export const ManifestEditor = ({
</section>
{/* Preview */}
<div className="card-md stack stack-md">
<div className="row justify-between items-center">
<h4 className="m-0">Live Preview</h4>
<section className="config-section">
<div className="config-section-header">
<div>
<h4 className="config-section-title">Live Preview</h4>
<p className="config-section-subtitle">
Preview generated Dockerfile and Compose output
</p>
</div>
<button
type="button"
onClick={handlePreview}
disabled={previewLoading}
className="button-secondary"
className="btn btn-secondary"
>
<Icon name="refresh" size="sm" />
{previewLoading ? "Compiling..." : "Preview"}
@@ -779,7 +784,7 @@ export const ManifestEditor = ({
</div>
</div>
)}
</div>
</section>
</div>
);
};