feat(translation): Improve translation alert in empty languages state (#14464)

**What**
When there is no languages configured, the translation page will show a proper alert on the page that is more visible and actionable
This commit is contained in:
Adrien de Peretti
2026-01-06 16:04:23 +01:00
committed by GitHub
parent b300a93345
commit d54589751c
7 changed files with 71 additions and 38 deletions

View File

@@ -60,7 +60,7 @@ export const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
<div
ref={ref}
className={clx(
"bg-ui-bg-subtle text-pretty txt-compact-small grid items-start gap-x-2 rounded-lg border p-3",
"bg-ui-bg-subtle txt-compact-small grid items-start gap-x-2 text-pretty rounded-lg border p-3",
{
"grid-cols-[20px_1fr]": !dismissible,
"grid-cols-[20px_1fr_20px]": dismissible,
@@ -77,7 +77,7 @@ export const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
"text-ui-tag-neutral-icon": variant === "info",
})}
/>
<div>{children}</div>
<div className="w-full">{children}</div>
{dismissible && (
<IconButton
size="2xsmall"