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:
parent
9f9c2157f5
commit
4f4e73318a
11 changed files with 122 additions and 29 deletions
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue