fix: border radius fixed for custom social auth (#1100)

* fix: border radius fixed for custom social auth * fix: justify center on remove button
alchemyplatform · Oct 22, 2024 · 9db4ac6 · 9db4ac6
1 parent ef73033
commit 9db4ac6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/examples/ui-demo/src/components/configuration/Authentication.tsx b/examples/ui-demo/src/components/configuration/Authentication.tsx
@@ -90,7 +90,7 @@ export const Authentication = ({ className }: { className?: string }) => {
                 />
                 <ExternalLink
                   href="https://accountkit.alchemy.com/signer/authentication/auth0"
-                  className=" btn border border-border active:bg-demo-surface-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background transition-none"
+                  className=" btn rounded-lg border border-border active:bg-demo-surface-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background transition-none"
                 >
                   <p className="hidden lg:block font-normal text-sm text-secondary-foreground">
                     Custom

diff --git a/examples/ui-demo/src/components/configuration/PhotoUpload.tsx b/examples/ui-demo/src/components/configuration/PhotoUpload.tsx
@@ -2,6 +2,7 @@ import { useConfigStore } from "@/state";
 import { ChangeEvent } from "react";
 import { PhotoIcon } from "../icons/photo";
 import FileUploadInput from "../shared/FileUploadInput";
+import { cn } from "@/lib/utils";
 
 const sidebarButton = `self-start border rounded-lg py-2 px-[10px] gap-2 flex items-center justify-between hover:opacity-80 w-28 h-10 border-gray-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background`;
 
@@ -33,7 +34,10 @@ export function PhotoUploads({ mode }: { mode: "dark" | "light" }) {
   return (
     <>
       {logo ? (
-        <button onClick={onRemove} className={sidebarButton}>
+        <button
+          onClick={onRemove}
+          className={cn(sidebarButton, "justify-center")}
+        >
           Remove
         </button>
       ) : (