sonot
/
PteroTheme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/scripts/components/dashboard/search/SearchModal.tsx
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,7 +115,7 @@ 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>