mirror of
https://github.com/MrUnknownDE/panel.git
synced 2026-04-18 14:23:44 +02:00
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:
@@ -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`}>
|
||||
|
||||
Reference in New Issue
Block a user