feat(ui): Improve login card design and theme customization

Refactor the `Button` component, add new `LoginCard` component, update `ThemePicker` component, edit global CSS styles to include card background and foreground and style the login page, including the logo and login form.
This commit is contained in:
Maximilian Liebmann 2025-05-21 16:42:48 +02:00 committed by Maximilian Liebmann
parent 9f9c2157f5
commit 4f4e73318a
11 changed files with 122 additions and 29 deletions

View file

@ -1,4 +1,4 @@
import { Button } from '@/components/ui/button';
import { Button } from '@/components/custom-ui/button';
import { IconProp } from '@fortawesome/fontawesome-svg-core';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
@ -12,7 +12,7 @@ export function IconButton({
children: React.ReactNode;
} & React.ComponentProps<typeof Button>) {
return (
<Button type='button' variant='default' {...props}>
<Button type='button' variant='secondary' {...props}>
<FontAwesomeIcon icon={icon} className='mr-2' />
{children}
</Button>