gleaming lion
Hello!
I have the following code ( 1st image):
<Stack p={10} align="stretch" justify="space-between" h="100vh" className={classes.container}>
<Textarea label="Input" description="The input" />
<Button type="submit" fullWidth mt="sm">
Submit
</Button>
<Textarea label="Logs" description="Process server logs" />
</Stack>
(I'd like to look pretty much like the 2nd image (From my old app, using bootstrap v5))
But the text-areas don't fill up the whole area available to them.
I tried using autosize, but it's not what I want, as it's not responsive (as in, on mobile 50 rows take up more than the view-port).
Also 100vh on the Stack isn't ideal either, because it overflows, any idea on that?
For context, I'm using Mantine V7 + Next.js 14.
I have this whole thingy inside an AppShell, with no extra CSS on it.
I've been trying to fix this for the past 2 hours, but no luck 😦
Thank you!
(When responding please tag me, otherwise I mightn't notice your answer)
