-
+
+
${footerEl}
`;
diff --git a/src/renderer/src/stories/pages/guided-mode/data/GuidedMetadata.js b/src/renderer/src/stories/pages/guided-mode/data/GuidedMetadata.js
index 5baa85fc9..cb56c989b 100644
--- a/src/renderer/src/stories/pages/guided-mode/data/GuidedMetadata.js
+++ b/src/renderer/src/stories/pages/guided-mode/data/GuidedMetadata.js
@@ -42,6 +42,7 @@ const getInfoFromId = (key) => {
export class GuidedMetadataPage extends ManagedPage {
constructor(...args) {
super(...args);
+ this.style.height = "100%"; // Fix main section
}
beforeSave = () => {
diff --git a/src/renderer/src/stories/pages/guided-mode/data/GuidedSourceData.js b/src/renderer/src/stories/pages/guided-mode/data/GuidedSourceData.js
index f0c98fc80..909a2f7d6 100644
--- a/src/renderer/src/stories/pages/guided-mode/data/GuidedSourceData.js
+++ b/src/renderer/src/stories/pages/guided-mode/data/GuidedSourceData.js
@@ -24,8 +24,11 @@ const propsToIgnore = [
];
export class GuidedSourceDataPage extends ManagedPage {
+
+
constructor(...args) {
super(...args);
+ this.style.height = "100%"; // Fix main section
}
beforeSave = () => {
diff --git a/src/renderer/src/stories/pages/guided-mode/data/GuidedStructure.js b/src/renderer/src/stories/pages/guided-mode/data/GuidedStructure.js
index 6ead395c2..79e05460e 100644
--- a/src/renderer/src/stories/pages/guided-mode/data/GuidedStructure.js
+++ b/src/renderer/src/stories/pages/guided-mode/data/GuidedStructure.js
@@ -142,7 +142,7 @@ export class GuidedStructurePage extends Page {
this.addButton.setAttribute("hidden", "");
return html`
- ${this.list} ${this.addButton}
+ ${this.list} ${this.addButton}
${this.searchModal}
`;
}
diff --git a/src/renderer/src/stories/pages/guided-mode/options/GuidedStubPreview.js b/src/renderer/src/stories/pages/guided-mode/options/GuidedStubPreview.js
index 7e0a9f78a..75cc28a66 100644
--- a/src/renderer/src/stories/pages/guided-mode/options/GuidedStubPreview.js
+++ b/src/renderer/src/stories/pages/guided-mode/options/GuidedStubPreview.js
@@ -16,6 +16,8 @@ export const getStubArray = (stubs) =>
export class GuidedStubPreviewPage extends Page {
constructor(...args) {
super(...args);
+ this.style.height = "100%"; // Fix main section
+
}
header = {
diff --git a/src/renderer/src/stories/pages/preview/PreviewPage.js b/src/renderer/src/stories/pages/preview/PreviewPage.js
index 80f30dfde..45f4c5b7b 100644
--- a/src/renderer/src/stories/pages/preview/PreviewPage.js
+++ b/src/renderer/src/stories/pages/preview/PreviewPage.js
@@ -13,6 +13,7 @@ export class PreviewPage extends Page {
constructor(...args) {
super(...args);
+ this.style.height = "100%"; // Fix main section
}
updatePath = async (path) => {
diff --git a/src/renderer/src/stories/pages/settings/SettingsPage.js b/src/renderer/src/stories/pages/settings/SettingsPage.js
index 03b08ef0b..ce3729273 100644
--- a/src/renderer/src/stories/pages/settings/SettingsPage.js
+++ b/src/renderer/src/stories/pages/settings/SettingsPage.js
@@ -24,10 +24,20 @@ export class SettingsPage extends Page {
header = {
title: "App Settings",
subtitle: "This page allows you to set global settings for the GUIDE.",
+ controls: [
+ new Button({
+ label: "Save Changes",
+ onClick: async () => {
+ if (!this.unsavedUpdates) return this.#openNotyf("All changes were already saved", "success");
+ this.save();
+ },
+ })
+ ]
};
constructor(...args) {
super(...args);
+ this.style.height = "100%"; // Fix main section
}
#notification;
@@ -52,14 +62,6 @@ export class SettingsPage extends Page {
render() {
this.localState = merge(global.data, {});
- const button = new Button({
- label: "Save Changes",
- onClick: async () => {
- if (!this.unsavedUpdates) return this.#openNotyf("All changes were already saved", "success");
- this.save();
- },
- });
-
// NOTE: API Keys and Dandiset IDs persist across selected project
this.form = new JSONSchemaForm({
results: this.localState,
@@ -76,8 +78,6 @@ export class SettingsPage extends Page {
return html`
${this.form}
-
- ${button}
`;
}
}