Making a q-card to fill all the available space
-
Using the Flex CSS classes, how to make a q-card to fill all the available space in the UI (both vertical and horizontal spaces)?
-
If your card is inside a
.container
,.row
,.column
or any flex element, you can use<q-card class="no-margin full-height">
, otherwise, you can usewindow-height
instead, which may be too high for sure.
You can also try.fit
class as stated here http://quasar-framework.org/components/other-helper-classes.html#Size-Related