landscape: add flexShrink=0 to flex containers

This commit is contained in:
Liam Fitzgerald 2020-11-06 13:01:11 +10:00
parent 27b5f70b80
commit 68d3d5287a
No known key found for this signature in database
GPG Key ID: D390E12C61D1CFFB
3 changed files with 3 additions and 2 deletions

View File

@ -69,7 +69,7 @@ export function ChannelSettings(props: ChannelSettingsProps) {
<Col gapY="6" overflowY="auto" p={4}>
<Formik initialValues={initialValues} onSubmit={onSubmit}>
<Form style={{ display: "contents" }}>
<Col maxWidth="512px" gapY="4">
<Col flexShrink="0" maxWidth="512px" gapY="4">
<Col mb={3}>
<Text fontWeight="bold">Channel Settings</Text>
<Label gray mt="2">

View File

@ -75,7 +75,7 @@ export function GroupifyForm(props: GroupifyFormProps) {
onSubmit={onGroupify}
>
<Form>
<Col gapY="4" maxWidth="512px">
<Col flexShrink="0" gapY="4" maxWidth="512px">
<Box>
<Text fontWeight="500">Groupify this channel</Text>
</Box>

View File

@ -44,6 +44,7 @@ export function ResourceSkeleton(props: ResourceSkeletonProps) {
return (
<Col width="100%" height="100%" overflowY="hidden">
<Box
flexShrink="0"
py="2"
px="2"
display="flex"