QCard to consume full space with margins #14824
Unanswered
AmosSzust
asked this question in
General - Components / Directives / etc
Replies: 2 comments 4 replies
-
|
Yes i would do it using flexbox, add https://quasar.dev/layout/grid/column |
Beta Was this translation helpful? Give feedback.
3 replies
-
|
sorry for the delay, I didn't see the email notification on time, |
Beta Was this translation helpful? Give feedback.
1 reply
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Hi
I have a main layout with a fixed top panel that takes Xpx with its height.
I have a page with qPage that I want to always take the remaining space, so no scrollbars should appear.
Inside the qPage I have a qCard that I want to consume all the page's space but leave some margins around it.
Inside the qCard I have a qMarkupTable and depending on the content, its height can be shorter or longer than the parent container, that is, the card. If it's longer, I want the scrollbars to appear on the qMarkupTable level.
I noticed that the card's height depends on its child, so I did the following:
Notice the
style="max-height: 81vh"in the qMarkupTable. On my specific monitor it looks exactly as I want but I think that using 81vh is risky on other monitors and in general it seems like a patch.Is there a way to achieve this in a nicer/cleaner way? Maybe quasar has classes for this, that I might have missed?
Thanks
Beta Was this translation helpful? Give feedback.
All reactions