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