You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When extending the height of a v-card by setting up the height attribute the v-card action does not align with the bottom of the v-card. I know this might be just my aesthetical liking. But still, is there a way to achieve this? Here is an example of what i mean: https://codepen.io/pwildschut/pen/ERxayE
Proposed solution
Not been able to find my own solution. Still exploring
The text was updated successfully, but these errors were encountered:
I don't think this should be the default behavior as cards can have many different layouts. You can easily achieve this by using a few helper classes, though. See this example: https://codepen.io/anon/pen/oyNrEe
There are probably different ways this can be implemented, but an easy one is to make your card use flexbox (column) and then apply the "grow" class to the v-card-text element to make it fill the remaining space. This will effectively push the actions row to the bottom of the card.
Problem to solve
When extending the height of a v-card by setting up the height attribute the v-card action does not align with the bottom of the v-card. I know this might be just my aesthetical liking. But still, is there a way to achieve this? Here is an example of what i mean: https://codepen.io/pwildschut/pen/ERxayE
Proposed solution
Not been able to find my own solution. Still exploring
The text was updated successfully, but these errors were encountered: