feat: refactor UI components and integrate Tailwind CSS for styling
This commit is contained in:
parent
fc3431f8f4
commit
e75e1eb2db
16 changed files with 359 additions and 263 deletions
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue