Giters

mimecorg / vuido

Native desktop applications using Vue.js.

Home Page:https://vuido.mimec.org/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Textarea & Progressbar components size

benavern opened this issue · comments

commented

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

commented

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.

commented

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!

commented

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" />
commented

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