|
|
@ -37,7 +37,7 @@ export function ErrorCard(props: { |
|
|
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
return ( |
|
|
|
// I didn't put a <Transition> here because it'd fade out, then jump height weirdly
|
|
|
|
// I didn't put a <Transition> here because it'd fade out, then jump height weirdly
|
|
|
|
<div className="bg-errors-card w-full rounded-lg p-6"> |
|
|
|
<div className="bg-errors-card w-full rounded-lg p-6 text-left"> |
|
|
|
<div className="border-errors-border flex items-center justify-between border-b pb-2"> |
|
|
|
<div className="border-errors-border flex items-center justify-between border-b pb-2"> |
|
|
|
<span className="font-medium text-white">{t("errors.details")}</span> |
|
|
|
<span className="font-medium text-white">{t("errors.details")}</span> |
|
|
|
<div className="flex items-center justify-center gap-3"> |
|
|
|
<div className="flex items-center justify-center gap-3"> |
|
|
@ -48,13 +48,15 @@ export function ErrorCard(props: { |
|
|
|
> |
|
|
|
> |
|
|
|
{hasCopied ? ( |
|
|
|
{hasCopied ? ( |
|
|
|
<> |
|
|
|
<> |
|
|
|
<Icon icon={Icons.CHECKMARK} className="mr-3 text-xs" /> |
|
|
|
<Icon icon={Icons.CHECKMARK} className="text-xs" /> |
|
|
|
{t("actions.copied")} |
|
|
|
<span className="hidden min-[400px]:inline-block ml-3"> |
|
|
|
|
|
|
|
{t("actions.copied")} |
|
|
|
|
|
|
|
</span> |
|
|
|
</> |
|
|
|
</> |
|
|
|
) : ( |
|
|
|
) : ( |
|
|
|
<> |
|
|
|
<> |
|
|
|
<Icon icon={Icons.COPY} className="min-[400px]:mr-3 text-2xl" /> |
|
|
|
<Icon icon={Icons.COPY} className="text-2xl" /> |
|
|
|
<span className="hidden min-[400px]:inline-block"> |
|
|
|
<span className="hidden min-[400px]:inline-block ml-3"> |
|
|
|
{t("actions.copy")} |
|
|
|
{t("actions.copy")} |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
</> |
|
|
|
</> |
|
|
|