Don't shrink error icon for long error text

Oops, previously the MajorErrorMessage was willing to shrink the width of the cute Grundo Programmer icon, to allow error messages with long words to avoid word breaks.

Here, we switch `1fr` for `minmax(0, 1fr)`, which allows the text zone to get smaller. (`1fr` is short for `minmax(auto, 1fr)`, which isn't capable of shrinking smaller than the natural value.)

Now, the error text is more willing to shrink by word-wrapping, than the image is by shrinking the image. Success!
This commit is contained in:
Emi Matchu 2021-05-25 03:54:14 -07:00
parent 390c21b53e
commit 01711fe0c2

View file

@ -392,7 +392,7 @@ export function MajorErrorMessage({ error }) {
<Flex justify="center" marginTop="8"> <Flex justify="center" marginTop="8">
<Grid <Grid
templateAreas='"icon title" "icon description" "icon details"' templateAreas='"icon title" "icon description" "icon details"'
templateColumns="auto 1fr" templateColumns="auto minmax(0, 1fr)"
maxWidth="500px" maxWidth="500px"
marginX="8" marginX="8"
columnGap="4" columnGap="4"