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:
parent
390c21b53e
commit
01711fe0c2
1 changed files with 1 additions and 1 deletions
|
@ -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"
|
||||||
|
|
Loading…
Reference in a new issue