From 5f8aae69e4a36ff9d0ce4b5a4b58a6f31f111001 Mon Sep 17 00:00:00 2001
From: boojack <stevenlgtm@gmail.com>
Date: Sun, 16 Apr 2023 15:47:01 +0800
Subject: [PATCH] chore: update save button style (#1542)

---
 web/src/components/Dialog/BaseDialog.tsx | 4 ++++
 web/src/components/LocaleSelect.tsx      | 2 +-
 web/src/less/memo-editor.less            | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/src/components/Dialog/BaseDialog.tsx b/web/src/components/Dialog/BaseDialog.tsx
index 6ca7087f..c2f32f81 100644
--- a/web/src/components/Dialog/BaseDialog.tsx
+++ b/web/src/components/Dialog/BaseDialog.tsx
@@ -25,6 +25,7 @@ const BaseDialog: React.FC<Props> = (props: Props) => {
   const dialogIndex = dialogStore.state.dialogStack.findIndex((item) => item === dialogName);
 
   useEffect(() => {
+    document.body.classList.add("overflow-hidden");
     dialogStore.pushDialogStack(dialogName);
     const handleKeyDown = (event: KeyboardEvent) => {
       if (event.code === "Escape") {
@@ -39,6 +40,9 @@ const BaseDialog: React.FC<Props> = (props: Props) => {
     return () => {
       document.body.removeEventListener("keydown", handleKeyDown);
       dialogStore.removeDialog(dialogName);
+      if (dialogStore.state.dialogStack.length === 0) {
+        document.body.classList.remove("overflow-hidden");
+      }
     };
   }, []);
 
diff --git a/web/src/components/LocaleSelect.tsx b/web/src/components/LocaleSelect.tsx
index 0d219023..80ea40ea 100644
--- a/web/src/components/LocaleSelect.tsx
+++ b/web/src/components/LocaleSelect.tsx
@@ -18,7 +18,7 @@ const LocaleSelect: FC<Props> = (props: Props) => {
 
   return (
     <Select
-      className={`!min-w-[12rem] w-auto whitespace-nowrap ${className ?? ""}`}
+      className={`!min-w-[10rem] w-auto whitespace-nowrap ${className ?? ""}`}
       startDecorator={<Icon.Globe className="w-4 h-auto" />}
       value={value}
       onChange={(_, value) => handleSelectChange(value as Locale)}
diff --git a/web/src/less/memo-editor.less b/web/src/less/memo-editor.less
index 8df73dec..89c75563 100644
--- a/web/src/less/memo-editor.less
+++ b/web/src/less/memo-editor.less
@@ -137,7 +137,7 @@
       }
 
       > .confirm-btn {
-        @apply border-none select-none rounded flex flex-row justify-center items-center shadow cursor-pointer px-3 py-0 leading-8 bg-green-600 text-white text-sm hover:opacity-80 disabled:cursor-not-allowed disabled:opacity-60;
+        @apply border-none select-none rounded-full flex flex-row justify-center items-center shadow cursor-pointer px-4 py-0 leading-8 bg-green-600 text-white text-sm hover:opacity-80 disabled:cursor-not-allowed disabled:opacity-60;
       }
     }
   }