Fix overflows through out the front end (#2382)
* Fix overflows through out the front end Fixed Server row overflow for servers name and description Fixed Sub-user overflow for users with oddly long emails.... Fixed Server new overflow on console view. See Attached images. * Remove conflicting server name limits
This commit is contained in:
parent
c75ed20b26
commit
c928214a83
5 changed files with 6 additions and 6 deletions
|
@ -59,9 +59,9 @@ export default ({ server, className }: { server: Server; className?: string }) =
|
|||
<FontAwesomeIcon icon={faServer}/>
|
||||
</div>
|
||||
<div css={tw`flex-1 md:ml-4`}>
|
||||
<p css={tw`text-lg`}>{server.name}</p>
|
||||
<p css={tw`text-lg break-all`}>{server.name}</p>
|
||||
{!!server.description &&
|
||||
<p css={tw`text-sm text-neutral-300`}>{server.description}</p>
|
||||
<p css={tw`text-sm text-neutral-300 break-all`}>{server.description}</p>
|
||||
}
|
||||
</div>
|
||||
<div css={tw`w-48 overflow-hidden self-start hidden lg:block`}>
|
||||
|
|
|
@ -65,7 +65,7 @@ export default () => {
|
|||
return (
|
||||
<ServerContentBlock title={'Console'} css={tw`flex flex-wrap`}>
|
||||
<div css={tw`w-full md:w-1/4`}>
|
||||
<TitledGreyBox title={name} icon={faServer}>
|
||||
<TitledGreyBox css={tw`break-all`} title={name} icon={faServer}>
|
||||
<p css={tw`text-xs uppercase`}>
|
||||
<FontAwesomeIcon
|
||||
icon={faCircle}
|
||||
|
|
|
@ -31,7 +31,7 @@ export default ({ subuser }: Props) => {
|
|||
<img css={tw`w-full h-full`} src={`${subuser.image}?s=400`}/>
|
||||
</div>
|
||||
<div css={tw`ml-4 flex-1`}>
|
||||
<p css={tw`text-sm truncate`}>{subuser.email}</p>
|
||||
<p css={tw`text-sm break-all`}>{subuser.email}</p>
|
||||
</div>
|
||||
<div css={tw`ml-4`}>
|
||||
<p css={tw`font-medium text-center`}>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue