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:
@@ -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 />'}
|
||||||
|
|||||||
@@ -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}
|
||||||
/>
|
/>
|
||||||
));
|
));
|
||||||
|
|||||||
Reference in New Issue
Block a user