I would like to have a floating at the bottom right side of the image inside a card.
here’s my sample https://codepen.io/chunallen/pen/bPGJOP?editors=1000
The problem here is the button is behind of the v-card-title
Expected Result
Solution :
If you add style=”height: 100px; position: relative” to v-card-title, move the btn beneath the h3, and change bottom to top then it’ll work.
<v-card-title primary-title style=”height: 100px; position: relative”>
<div>
<h3 class=”headline mb-0”>Kangaroo Valley Safari</h3>
<v-btn color=”pink” dark small absolute top right fab>
<v-icon>add</v-icon>
</v-btn>
</div>
</v-card-title>
Sample