From 3dbe8c14bb202727bb222cea861dae9d208db4cd Mon Sep 17 00:00:00 2001
From: "andy.lee" <andy.lee@suse.com>
Date: Wed, 8 May 2024 11:24:50 +0800
Subject: [PATCH] fix: fine tune the save button layout

Signed-off-by: andy.lee <andy.lee@suse.com>
---
 src/routes/setting/setting.js   | 32 +++++++++++++++++---------------
 src/routes/setting/setting.less |  8 +++++++-
 2 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/src/routes/setting/setting.js b/src/routes/setting/setting.js
index 67e16095d..36245915a 100644
--- a/src/routes/setting/setting.js
+++ b/src/routes/setting/setting.js
@@ -150,21 +150,23 @@ const form = ({
 
   return (
     <Spin spinning={saving || loading} style={{ height: '100vh' }}>
-      <Form className={styles.setting}>
-        {settings}
-      </Form>
-       {settings.length > 0 && (
-          <div style={{ textAlign: 'center', position: 'sticky', marginTop: '1rem' }}>
-            <Button
-              onClick={handleOnSubmit}
-              loading={saving}
-              type="primary"
-              htmlType="submit"
-            >
-              Save
-            </Button>
-          </div>
-       )}
+      <div className={styles.formWrapper}>
+        <Form className={styles.setting}>
+          {settings}
+        </Form>
+        {settings.length > 0 && (
+            <div style={{ textAlign: 'center', position: 'sticky', marginTop: '1rem' }}>
+              <Button
+                onClick={handleOnSubmit}
+                loading={saving}
+                type="primary"
+                htmlType="submit"
+              >
+                Save
+              </Button>
+            </div>
+        )}
+       </div>
     </Spin>
   )
 }
diff --git a/src/routes/setting/setting.less b/src/routes/setting/setting.less
index 26845d2c6..381314380 100644
--- a/src/routes/setting/setting.less
+++ b/src/routes/setting/setting.less
@@ -1,5 +1,5 @@
 .setting {
-  max-height: 78vh;
+  max-height: fit-content;
   overflow-y: auto;
 
   :global .ant-input-group-addon {
@@ -28,3 +28,9 @@
     border: 1px solid #f15354;
   }
 }
+
+.formWrapper{
+  display: flex;
+  flex-direction: column;
+  max-height: calc(100vh - 200px);
+}