style: settings page improvement (#2211)

* style: settings page improvement

* style: toggle switch styling

---------

Co-authored-by: Anmol Singh Bhatia <asb@Anmols-MacBook-Pro.local>
This commit is contained in:
Anmol Singh Bhatia 2023-09-22 18:47:10 +05:30 committed by GitHub
parent 1aadbee7e2
commit c9a6380636
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 4 additions and 4 deletions

View File

@ -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>

View File

@ -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">

View File

@ -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">

View File

@ -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">