Fix text wrap on long server names in search bar
This commit is contained in:
parent
f30dab053b
commit
f52f13600f
1 changed files with 5 additions and 5 deletions
|
@ -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>
|
||||||
))
|
))
|
||||||
|
|
Loading…
Reference in a new issue