fix tabs rendering verticaly bug

src/app/auth/resource/[resourceId]/page.tsx

@@ -80,6 +80,14 @@ export default async function ResourceAuthPage(props: {
         );
     }
 
+    const getNumMethods = () => {
+        let colLength = 0;
+        if (authInfo.pincode) colLength++;
+        if (authInfo.password) colLength++;
+        if (authInfo.sso) colLength++;
+        return colLength;
+    };
+
     return (
         <>
             <div className="w-full max-w-md">
@@ -97,6 +105,7 @@ export default async function ResourceAuthPage(props: {
                     queryParamName={
                         process.env.RESOURCE_SESSION_QUERY_PARAM_NAME!
                     }
+                    numMethods={getNumMethods()}
                 />
             </div>
         </>