fix: adjust design of generic OIDC provider (#492)

Author: jonas-jonas

packages/elements-react/src/theme/default/components/form/social.tsx

@@ -108,8 +108,8 @@ export function DefaultButtonSocial({
           Logo ? (
             <Logo size={20} />
           ) : (
-            <span className="flex aspect-square items-center justify-center rounded-[999px] border text-xs">
-              {provider.slice(0, 2)}
+            <span className="flex rounded-buttons bg-button-social-background-generic-provider text-button-social-foreground-generic-provider border-button-social-border-generic-provider text-xs size-full items-center justify-center">
+              {provider.slice(0, 1)}
             </span>
           )
         ) : (

packages/elements-react/src/theme/default/provider-logos/generic.svg

@@ -5,7 +5,6 @@ import apple from "./apple.svg"
 import auth0 from "./auth0.svg"
 import discord from "./discord.svg"
 import facebook from "./facebook.svg"
-import generic from "./generic.svg"
 import github from "./github.svg"
 import gitlab from "./gitlab.svg"
 import google from "./google.svg"
@@ -21,7 +20,6 @@ const logos: Record<string, typeof apple> = {
   auth0,
   discord,
   facebook,
-  generic,
   github,
   gitlab,
   google,