diff options
Diffstat (limited to 'apps/accessibility/src/components/itemPreview.vue')
| -rw-r--r-- | apps/accessibility/src/components/itemPreview.vue | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/apps/accessibility/src/components/itemPreview.vue b/apps/accessibility/src/components/itemPreview.vue index 64a82059faf..a27fa8cac39 100644 --- a/apps/accessibility/src/components/itemPreview.vue +++ b/apps/accessibility/src/components/itemPreview.vue @@ -1,13 +1,13 @@ <template> - <a :class="{preview: true, selected: preview.id === selected}" - href="#" @click="selectItem"> + <div :class="{preview: true}"> <div class="preview-image" :style="{backgroundImage: 'url(' + preview.img + ')'}"></div> - <h3> - <span>{{preview.title}}</span> - <div class="icon-checkmark-color">{{t('accessibility', 'enabled')}}</div> - </h3> - <p>{{preview.text}}</p> - </a> + <div class="preview-description"> + <h3>{{preview.title}}</h3> + <p>{{preview.text}}</p> + <input type="checkbox" class="checkbox" :id="'accessibility-' + preview.id" :checked="selected === preview.id" /> + <label :for="'accessibility-' + preview.id" @click="selectItem">{{t('accessibility', 'Enable')}} {{preview.title.toLowerCase()}}</label> + </div> + </div> </template> <script> |