Fix text overflows through out the front end (#2406)

2020-10-03 21:22:37 +03:00 · 2020-10-03 21:22:37 +03:00 · 10eeae0927
commit 10eeae0927
parent 6893f9bfcd
4 changed files with 7 additions and 3 deletions
--- a/resources/scripts/components/server/backups/BackupRow.tsx
+++ b/resources/scripts/components/server/backups/BackupRow.tsx
@ -55,7 +55,9 @@ export default ({ backup, className }: Props) => {
                        Failed
                    </span>
                    }
-                    {backup.name}
+                    <div css={tw`break-all`}>
+                        {backup.name}
+                    </div>
                    {(backup.completedAt && backup.isSuccessful) &&
                    <span css={tw`ml-3 text-neutral-300 text-xs font-thin hidden sm:inline`}>{bytesToHuman(backup.bytes)}</span>
                    }