From 96d44bd65179ed7b7e5a031accc8d44ba414873d Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Tue, 4 Jul 2023 21:23:11 +0800
Subject: [PATCH] chore: update header style

---
 web/src/components/Header.tsx                 |  2 +-
 .../components/setting/WorkspaceSection.tsx   | 24 +++++++++----------
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/web/src/components/Header.tsx b/web/src/components/Header.tsx
index 945ed04..ff30c77 100644
--- a/web/src/components/Header.tsx
+++ b/web/src/components/Header.tsx
@@ -17,7 +17,7 @@ const Header: React.FC = () => {
 
   return (
     <>
-      <div className="w-full bg-amber-50">
+      <div className="w-full bg-gray-50">
         <div className="w-full max-w-4xl mx-auto px-3 py-5 flex flex-row justify-between items-center">
           <div className="flex flex-row justify-start items-center shrink mr-2">
             <Link to="/" className="text-base font-mono font-medium cursor-pointer flex flex-row justify-start items-center">
diff --git a/web/src/components/setting/WorkspaceSection.tsx b/web/src/components/setting/WorkspaceSection.tsx
index 74b7f25..3f84c53 100644
--- a/web/src/components/setting/WorkspaceSection.tsx
+++ b/web/src/components/setting/WorkspaceSection.tsx
@@ -17,20 +17,18 @@ const WorkspaceSection: React.FC = () => {
   };
 
   return (
-    <>
-      <div className="mx-auto max-w-4xl w-full px-3 py-6 flex flex-col justify-start items-start space-y-4">
-        <p className="text-gray-400">Workspace settings</p>
-        <div className="w-full flex flex-col justify-start items-start">
-          <Checkbox
-            className="font-medium"
-            label="Disable self-service signup"
-            checked={disallowSignUp}
-            onChange={(event) => handleDisallowSignUpChange(event.target.checked)}
-          />
-          <p className="mt-2 text-gray-500">Once disabled, other users cannot signup.</p>
-        </div>
+    <div className="mx-auto max-w-4xl w-full px-3 py-6 flex flex-col justify-start items-start space-y-4">
+      <p className="text-gray-400">Workspace settings</p>
+      <div className="w-full flex flex-col justify-start items-start">
+        <Checkbox
+          className="font-medium"
+          label="Disable user signup"
+          checked={disallowSignUp}
+          onChange={(event) => handleDisallowSignUpChange(event.target.checked)}
+        />
+        <p className="mt-2 text-gray-500">Once disabled, other users cannot signup.</p>
       </div>
-    </>
+    </div>
   );
 };