style(create-account button): Improve bg gradient and interactivity

This commit is contained in:
Abhinav Kumar Choudhary
2025-07-15 19:33:43 +05:30
committed by Sahaj Jain
parent 0f4b9b45e9
commit 3ede03913e
2 changed files with 3900 additions and 959 deletions
+1 -1
View File
@@ -58,7 +58,7 @@ export function CardsCreateAccount() {
</div>
</CardContent>
<CardFooter>
<Button className="group before:transtion-opacity bg-primary text-primary-foreground ring-primary before:from-primary-foreground/20 after:from-primary-foreground/10 relative isolate inline-flex w-full items-center justify-center overflow-hidden rounded-md px-3 text-left text-sm font-medium ring-1 transition duration-300 ease-[cubic-bezier(0.4,0.36,0,1)] before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-md before:bg-gradient-to-b before:opacity-50 before:duration-300 before:ease-[cubic-bezier(0.4,0.36,0,1)] after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:rounded-md after:bg-gradient-to-b after:from-[46%] after:to-[54%] after:mix-blend-overlay hover:before:opacity-100">
<Button variant="default" className="group bg-primary text-primary-foreground ring-primary before:from-primary-foreground/20 after:from-primary-foreground/10 relative isolate inline-flex w-full items-center justify-center overflow-hidden rounded-md px-3 text-left text-sm font-medium ring-1 transition duration-300 ease-[cubic-bezier(0.4,0.36,0,1)] before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-md before:bg-gradient-to-b before:opacity-80 before:transition-opacity before:duration-300 before:ease-[cubic-bezier(0.4,0.36,0,1)] after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:rounded-md after:bg-gradient-to-b after:to-transparent after:mix-blend-overlay">
Create account
</Button>
</CardFooter>
+3899 -958
View File
File diff suppressed because it is too large Load Diff