1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2024-12-30 16:17:41 +01:00

Fix text alignment, also apply text style to copied

This commit is contained in:
Jip Fr 2023-12-09 13:16:08 +01:00
parent 0000354a13
commit f17ccd5066

View file

@ -37,7 +37,7 @@ export function ErrorCard(props: {
return (
// 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">
<span className="font-medium text-white">{t("errors.details")}</span>
<div className="flex items-center justify-center gap-3">
@ -48,13 +48,15 @@ export function ErrorCard(props: {
>
{hasCopied ? (
<>
<Icon icon={Icons.CHECKMARK} className="mr-3 text-xs" />
<Icon icon={Icons.CHECKMARK} className="text-xs" />
<span className="hidden min-[400px]:inline-block ml-3">
{t("actions.copied")}
</span>
</>
) : (
<>
<Icon icon={Icons.COPY} className="min-[400px]:mr-3 text-2xl" />
<span className="hidden min-[400px]:inline-block">
<Icon icon={Icons.COPY} className="text-2xl" />
<span className="hidden min-[400px]:inline-block ml-3">
{t("actions.copy")}
</span>
</>