mirrors/smov
mirrors/smov
1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2024-12-21 14:47:41 +01:00
Code Issues Wiki Activity

Fix text alignment, also apply text style to copied

Browse source
This commit is contained in:
Jip Fr 2023-12-09 13:16:08 +01:00
parent 0000354a13
commit f17ccd5066
1 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/pages/parts/errors/ErrorCard.tsx
View file

@ -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>
</> </>