Mirrors/movie-web
2
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2024-11-11 01:35:08 +01:00
Code Issues Packages Projects Releases 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 (
// 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" />
{t("actions.copied")}
<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>
</>