Adjust padding.

This commit is contained in:
Bryan 2021-10-26 06:48:26 -04:00
parent f49e49174c
commit c7ae2412be

View file

@ -1,9 +1,9 @@
<template> <template>
<div class="col-4 mb-3 d-flex radio-card"> <div class="col-4 mb-3 d-flex radio-card">
<input type="radio" class="position-absolute opacity-0" v-bind:class="className" v-bind:id="radioID" v-bind:name="groupName" :value="radioLabel" v-model="picked" v-bind:tabindex="tabIndex"/> <input type="radio" class="position-absolute opacity-0" v-bind:class="className" v-bind:id="radioID" v-bind:name="groupName" :value="radioLabel" v-model="picked" v-bind:tabindex="tabIndex"/>
<label v-bind:for="radioID" class="p-3 rounded-3 d-flex flex-column align-items-center w-100"> <label v-bind:for="radioID" class="rounded-3 d-flex flex-column align-items-center w-100">
<img class="px-1 pt-3 pb-1 mt-auto" v-bind:src="require(`@/assets/img/icons/${radioImage}`)" v-bind:alt="altText"/> <img class="px-3 pt-3 pb-2 mt-auto" v-bind:src="require(`@/assets/img/icons/${radioImage}`)" v-bind:alt="altText"/>
<span class="mt-auto">{{radioLabel}}</span> <span class="mt-auto mb-2">{{radioLabel}}</span>
</label> </label>
</div> </div>
</template> </template>