feat: refactor UI components and integrate Tailwind CSS for styling

This commit is contained in:
Maximilian Liebmann 2025-05-08 23:41:15 +02:00
parent fc3431f8f4
commit e75e1eb2db
16 changed files with 359 additions and 263 deletions

View file

@ -1,6 +1,6 @@
import { signIn } from '@/auth';
import Button from '../button';
import { faOpenid } from '@fortawesome/free-brands-svg-icons';
import { Button } from '@/components/ui/button';
//import { faOpenid } from '@fortawesome/free-brands-svg-icons';
export default function SSOLogin({
provider,
@ -11,12 +11,17 @@ export default function SSOLogin({
}) {
return (
<form
className='flex flex-col items-center gap-4 w-full'
action={async () => {
'use server';
await signIn(provider);
}}
>
<Button type='submit' mode='warning' icon={faOpenid} width={250}>
<Button
className='w-full'
type='submit'
variant='default' /*icon={faOpenid}*/
>
Login with {providerDisplayName}
</Button>
</form>