admin(ui): fix descriptions overflowing vertically

This commit is contained in:
Matthew Penner 2021-01-10 11:34:14 -07:00
parent 1800800308
commit 52b2463281
28 changed files with 107 additions and 85 deletions

View file

@ -63,12 +63,14 @@ const LocationsContainer = () => {
return (
<AdminContentBlock title={'Locations'}>
<div css={tw`w-full flex flex-row items-center mb-8`}>
<div css={tw`flex flex-col`}>
<div css={tw`flex flex-col flex-shrink`} style={{ minWidth: '0' }}>
<h2 css={tw`text-2xl text-neutral-50 font-header font-medium`}>Locations</h2>
<p css={tw`text-base text-neutral-400`}>All locations that nodes can be assigned to for easier categorization.</p>
<p css={tw`text-base text-neutral-400 whitespace-nowrap overflow-ellipsis overflow-hidden`}>All locations that nodes can be assigned to for easier categorization.</p>
</div>
<NewLocationButton/>
<div css={tw`flex ml-auto pl-4`}>
<NewLocationButton/>
</div>
</div>
<FlashMessageRender byKey={'locations'} css={tw`mb-4`}/>