Update font styles in Alert components

The commit includes changes in several font styles in the Alert components. This involves changing the font weight from 'font-semibold' to 'font-bold' and adding 'font-normal' in 'alert.tsx'. Additionally, 'font-medium' has been removed from 'auth-error-alert.tsx'.
This commit is contained in:
giancarlo
2024-04-19 00:21:46 +08:00
parent f58d2e364f
commit 60b9942735
2 changed files with 3 additions and 6 deletions

View File

@@ -31,10 +31,7 @@ export function AuthErrorAlert({
<Trans i18nKey={`auth:errorAlertHeading`} /> <Trans i18nKey={`auth:errorAlertHeading`} />
</AlertTitle> </AlertTitle>
<AlertDescription <AlertDescription data-test={'auth-error-message'}>
className={'text-sm font-medium'}
data-test={'auth-error-message'}
>
<Trans <Trans
i18nKey={`auth:errors.${errorCode}`} i18nKey={`auth:errors.${errorCode}`}
defaults={'<DefaultError />'} defaults={'<DefaultError />'}

View File

@@ -44,7 +44,7 @@ const AlertTitle = React.forwardRef<
>(({ className, ...props }, ref) => ( >(({ className, ...props }, ref) => (
<h5 <h5
ref={ref} ref={ref}
className={cn('mb-1 font-semibold leading-none tracking-tight', className)} className={cn('mb-1 font-bold leading-none tracking-tight', className)}
{...props} {...props}
/> />
)); ));
@@ -56,7 +56,7 @@ const AlertDescription = React.forwardRef<
>(({ className, ...props }, ref) => ( >(({ className, ...props }, ref) => (
<div <div
ref={ref} ref={ref}
className={cn('text-sm [&_p]:leading-relaxed', className)} className={cn('text-sm font-normal [&_p]:leading-relaxed', className)}
{...props} {...props}
/> />
)); ));