jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

WIP - style updates.

Browse source
This commit is contained in:
Bryan 2021-10-25 18:31:07 -04:00
parent 16c0437b9e
commit ffd9a42738
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/assets/scss/components/_radio-card.scss
View file

@ -14,6 +14,10 @@
background-color: $blue-100; background-color: $blue-100;
border: 1px solid $blue-600; border: 1px solid $blue-600;
} }
&.invalid + label {
background-color: $white;
border: 1px solid $red-500;
}
} }
label { label {
display: flex; display: flex;

4
src/components/forms/radioCard.vue
View file

@ -1,6 +1,6 @@
<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" v-bind:id="radioID" v-bind:name="groupName" :value="radioLabel" v-model="picked" v-bind:tabindex="tabIndex"/> <input type="radio" 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"> <label v-bind:for="radioID">
<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-1 pt-3 pb-1 mt-auto" v-bind:src="require(`@/assets/img/icons/${radioImage}`)" v-bind:alt="altText"/>
<span class="mt-auto">{{radioLabel}}</span> <span class="mt-auto">{{radioLabel}}</span>
@ -14,7 +14,7 @@
<script> <script>
export default { export default {
name: 'radioCard', name: 'radioCard',
props: ['groupName','radioLabel','radioImage','altText','radioID','tabIndex'], props: ['groupName','radioLabel','radioImage','altText','radioID','tabIndex','className'],
data() { data() {
return { return {
picked: "picked" picked: "picked"