diff --git a/docs/src/components/ui/tabs.tsx b/docs/src/components/ui/tabs.tsx index 9f3703b743..3c8261cf1a 100644 --- a/docs/src/components/ui/tabs.tsx +++ b/docs/src/components/ui/tabs.tsx @@ -62,7 +62,7 @@ const TabsContent = React.forwardRef< {...props} className={cn( "relative p-3 text-sm bg-fd-background outline-none", - "before:absolute before:inset-0 before:opacity-0 before:transition-opacity before:duration-300", + "before:absolute before:inset-0 before:opacity-0 before:transition-opacity before:duration-300 before:pointer-events-none", "focus-visible:before:opacity-100", props.className, )} diff --git a/docs/templates/getting-started/production.mdx b/docs/templates/getting-started/production.mdx index d91dc68d3f..2f1365f2e1 100644 --- a/docs/templates/getting-started/production.mdx +++ b/docs/templates/getting-started/production.mdx @@ -48,59 +48,86 @@ To use your own OAuth provider setups in production, follow these steps for each X - - [Google OAuth Setup Guide](https://developers.google.com/identity/protocols/oauth2#1.-obtain-oauth-2.0-credentials-from-the-dynamic_data.setvar.console_name-.) - Callback URL: - `https://api.stack-auth.com/api/v1/auth/oauth/callback/google` - + + [Google OAuth Setup Guide](https://developers.google.com/identity/protocols/oauth2#1.-obtain-oauth-2.0-credentials-from-the-dynamic_data.setvar.console_name-.) + + Callback URL: + ``` + https://api.stack-auth.com/api/v1/auth/oauth/callback/google + ``` + - - [GitHub OAuth Setup Guide](https://docs.github.com/en/apps/oauth-apps/building-oauth-apps/creating-an-oauth-app) - Callback URL: - `https://api.stack-auth.com/api/v1/auth/oauth/callback/github` - + + [GitHub OAuth Setup Guide](https://docs.github.com/en/apps/oauth-apps/building-oauth-apps/creating-an-oauth-app) + + Callback URL: + ``` + https://api.stack-auth.com/api/v1/auth/oauth/callback/github + ``` + - - [Facebook OAuth Setup Guide](https://developers.facebook.com/docs/development/create-an-app/facebook-login-use-case) - Callback URL: - `https://api.stack-auth.com/api/v1/auth/oauth/callback/facebook` - + + [Facebook OAuth Setup Guide](https://developers.facebook.com/docs/development/create-an-app/facebook-login-use-case) + + Callback URL: + ``` + https://api.stack-auth.com/api/v1/auth/oauth/callback/facebook + ``` + - - [Microsoft Azure OAuth Setup Guide](https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-register-app) - Callback URL: - `https://api.stack-auth.com/api/v1/auth/oauth/callback/microsoft` - + + [Microsoft Azure OAuth Setup Guide](https://learn.microsoft.com/en-us/entra/identity-platform/quickstart-register-app) + + Callback URL: + ``` + https://api.stack-auth.com/api/v1/auth/oauth/callback/microsoft + ``` + - - [Spotify OAuth Setup Guide](https://developer.spotify.com/documentation/general/guides/app-settings/) - Callback URL: - `https://api.stack-auth.com/api/v1/auth/oauth/callback/spotify` - + + [Spotify OAuth Setup Guide](https://developer.spotify.com/documentation/general/guides/app-settings/) + + Callback URL: + ``` + https://api.stack-auth.com/api/v1/auth/oauth/callback/spotify + ``` + - - [Gitlab OAuth Setup Guide](https://docs.gitlab.com/ee/integration/oauth_provider.html) - Callback URL: - `https://api.stack-auth.com/api/v1/auth/oauth/callback/gitlab` - + + [Gitlab OAuth Setup Guide](https://docs.gitlab.com/ee/integration/oauth_provider.html) + + Callback URL: + ``` + https://api.stack-auth.com/api/v1/auth/oauth/callback/gitlab + ``` + - - [Bitbucket OAuth Setup Guide](https://support.atlassian.com/bitbucket-cloud/docs/use-oauth-on-bitbucket-cloud) - Callback URL: - `https://api.stack-auth.com/api/v1/auth/oauth/callback/bitbucket` - + + [Bitbucket OAuth Setup Guide](https://support.atlassian.com/bitbucket-cloud/docs/use-oauth-on-bitbucket-cloud) + + Callback URL: + ``` + https://api.stack-auth.com/api/v1/auth/oauth/callback/bitbucket + ``` + - - [LinkedIn OAuth Setup Guide](https://learn.microsoft.com/en-us/linkedin/shared/authentication/authorization-code-flow?context=linkedin%2Fcontext&tabs=HTTPS1) - Callback URL: - `https://api.stack-auth.com/api/v1/auth/oauth/callback/linkedin` - + + [LinkedIn OAuth Setup Guide](https://learn.microsoft.com/en-us/linkedin/shared/authentication/authorization-code-flow?context=linkedin%2Fcontext&tabs=HTTPS1) + + Callback URL: + ``` + https://api.stack-auth.com/api/v1/auth/oauth/callback/linkedin + ``` + - - [X OAuth Setup Guide](https://developer.x.com/en/docs/apps/overview) - Callback URL: - `https://api.stack-auth.com/api/v1/auth/oauth/callback/x` - + + [X OAuth Setup Guide](https://developer.x.com/en/docs/apps/overview) + + Callback URL: + ``` + https://api.stack-auth.com/api/v1/auth/oauth/callback/x + ``` + ## Enter OAuth Credentials