Fix text wrap on long server names in search bar

This commit is contained in:
Dane Everitt 2020-10-15 21:23:31 -07:00
parent f30dab053b
commit f52f13600f
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53

View file

@ -105,7 +105,7 @@ export default ({ ...props }: Props) => {
to={`/server/${server.id}`} to={`/server/${server.id}`}
onClick={() => props.onDismissed()} onClick={() => props.onDismissed()}
> >
<div> <div css={tw`flex-1 mr-4`}>
<p css={tw`text-sm`}>{server.name}</p> <p css={tw`text-sm`}>{server.name}</p>
<p css={tw`mt-1 text-xs text-neutral-400`}> <p css={tw`mt-1 text-xs text-neutral-400`}>
{ {
@ -115,10 +115,10 @@ export default ({ ...props }: Props) => {
} }
</p> </p>
</div> </div>
<div css={tw`flex-1 text-right`}> <div css={tw`flex-none text-right`}>
<span css={tw`text-xs py-1 px-2 bg-cyan-800 text-cyan-100 rounded`}> <span css={tw`text-xs py-1 px-2 bg-cyan-800 text-cyan-100 rounded`}>
{server.node} {server.node}
</span> </span>
</div> </div>
</ServerResult> </ServerResult>
)) ))