style: settings page improvement (#2211)

* style: settings page improvement * style: toggle switch styling --------- Co-authored-by: Anmol Singh Bhatia <asb@Anmols-MacBook-Pro.local>
makeplane · Sep 22, 2023 · c9a6380 · c9a6380 · vercel · Sep 22, 2023
1 parent 1aadbee
commit c9a6380
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/web/components/ui/toggle-switch.tsx b/web/components/ui/toggle-switch.tsx
@@ -35,7 +35,7 @@ export const ToggleSwitch: React.FC<Props> = (props) => {
                 : size === "md"
                 ? "translate-x-4"
                 : "translate-x-5") + " bg-white"
-            : "translate-x-1 bg-custom-background-90"
+            : "translate-x-0.5 bg-custom-background-90"
         }`}
       />
     </Switch>

diff --git a/web/pages/[workspaceSlug]/me/profile/activity.tsx b/web/pages/[workspaceSlug]/me/profile/activity.tsx
@@ -46,7 +46,7 @@ const ProfileActivity = () => {
         {userActivity ? (
           <section className="pr-9 py-8 w-full overflow-y-auto">
             <div className="flex items-center py-3.5 border-b border-custom-border-200">
-              <h3 className="text-xl font-medium">Acitivity</h3>
+              <h3 className="text-xl font-medium">Activity</h3>
             </div>
             <div className={`flex flex-col gap-2 py-4 w-full`}>
               <ul role="list" className="-mb-4">

diff --git a/web/pages/[workspaceSlug]/me/profile/preferences.tsx b/web/pages/[workspaceSlug]/me/profile/preferences.tsx
@@ -66,7 +66,7 @@ const ProfilePreferences = observer(() => {
 
           <div className="pr-9 py-8 w-full overflow-y-auto">
             <div className="flex items-center py-3.5 border-b border-custom-border-200">
-              <h3 className="text-xl font-medium">Acitivity</h3>
+              <h3 className="text-xl font-medium">Preferences</h3>
             </div>
             <div className="grid grid-cols-12 gap-4 sm:gap-16 py-6">
               <div className="col-span-12 sm:col-span-6">

diff --git a/web/pages/[workspaceSlug]/settings/billing.tsx b/web/pages/[workspaceSlug]/settings/billing.tsx
@@ -50,7 +50,7 @@ const BillingSettings: NextPage = () => {
         <section className="pr-9 py-8 w-full overflow-y-auto">
           <div>
             <div className="flex  items-center py-3.5 border-b border-custom-border-200">
-              <h3 className="text-xl font-medium">Billing & Plan</h3>
+              <h3 className="text-xl font-medium">Billing & Plans</h3>
             </div>
           </div>
           <div className="px-4 py-6">