minor improvements

pages/login.tsx

@@ -119,6 +119,10 @@ export default function Login({
             className=" w-full text-center"
             loading={submitLoader}
           />
+
+          {availableLogins.buttonAuths.length > 0 ? (
+            <div className="divider my-1">OR</div>
+          ) : undefined}
         </>
       );
     }
@@ -127,14 +131,18 @@ export default function Login({
     const Buttons: any = [];
     availableLogins.buttonAuths.forEach((value, index) => {
       Buttons.push(
-        <AccentSubmitButton
-          key={index}
-          type="button"
-          onClick={() => loginUserButton(value.method)}
-          label={`Sign in with ${value.name}`}
-          className=" w-full text-center"
-          loading={submitLoader}
-        />
+        <>
+          {index !== 0 ? <div className="divider my-1">OR</div> : undefined}
+
+          <AccentSubmitButton
+            key={index}
+            type="button"
+            onClick={() => loginUserButton(value.method)}
+            label={`Sign in with ${value.name}`}
+            className=" w-full text-center"
+            loading={submitLoader}
+          />
+        </>
       );
     });
     return Buttons;

pages/settings/api.tsx

@@ -59,7 +59,7 @@ export default function Api() {
       <div className="divider my-3"></div>
 
       <div className="flex flex-col gap-3">
-        <div className="badge badge-warning rounded-md w-fit p-4">
+        <div className="badge badge-warning rounded-md w-fit">
           Status: Under Development
         </div>
 

pages/subscribe.tsx

@@ -84,7 +84,7 @@ export default function Subscribe() {
             Billed {plan === Plan.monthly ? "Monthly" : "Yearly"}
           </p>
           <fieldset className="w-full flex-col flex justify-evenly px-4 pb-4 pt-1 rounded-md border border-neutral-content">
-            <legend className="w-fit font-extralight px-2 border border-neutral rounded-md text-xl">
+            <legend className="w-fit font-extralight px-2 border border-neutral-content rounded-md text-xl">
               Total
             </legend>