Textarea & Progressbar components size

[benavern]

Hi,
I've been trying to use vuido for a fun little project and have issues with those 2 components sizes.
You can see it here: https://github.com/benavern/coffee-break

As you can see on screenshots or if you try to run it (I tried on linux & windows) Textarea & Progressbar components are very little. I didn't see anything in the documentation that could help me with this. Are there some attributes or anything else that is not documented that is meant to change the default size?

Thanks in advance!
Benjamin

[mimecorg]

You can add the "stretchy" attribute to the TextArea - it will be stretched to all available height in the window. The ProgressBar has a fixed height, there is currently no way to increase it.

[benavern]

OK, I maybe missunderstood something but, I can't figure out how to make the textarea bigger.
Could you give a try to my project (that is very simple at the moment) & maybe give me some more advice to fix it ?

There should be some more examples or guidelines on how to create a nice looking software, or how to architecture it (the ui I meen)

Thanks!

[mimecorg]

In your project, you have to add the "stretchy" attribute to the Box and Group elements in the Admin page, because these elements are nested inside box layouts:

  <Box stretchy>
    <Group title="Coffee Break Settings" stretchy margined>

Also add the "stretchy" attribute to the TextArea:

<TextArea label="Your Reason" stretchy v-model="settings.reason" />

[benavern]

Yeah! Thank you! that did the trick. :)