diff options
| -rw-r--r-- | iridescence/src/components/ProductCard.vue | 10 | ||||
| -rw-r--r-- | iridescence/src/components/ProductSearch.vue | 5 |
2 files changed, 12 insertions, 3 deletions
diff --git a/iridescence/src/components/ProductCard.vue b/iridescence/src/components/ProductCard.vue index 4ff6c80..cfea0fd 100644 --- a/iridescence/src/components/ProductCard.vue +++ b/iridescence/src/components/ProductCard.vue @@ -3,12 +3,18 @@ <div class="card"> <div class="card-image"> <figure class="image is-square"> - <img :src="thumbnail" :alt="name" title="Click to expand." /> + <a href="#"> + <img :src="thumbnail" :alt="name" title="Click to expand." /> + </a> </figure> </div> <div class="card-content"> <div class="content"> - <p class="title is-4">{{ name }}</p> + <p class="title is-4"> + <a href="#"> + {{ name }} + </a> + </p> <p class="subtitle is-4"> {{ dollars }} </p> diff --git a/iridescence/src/components/ProductSearch.vue b/iridescence/src/components/ProductSearch.vue index 91b28a5..0cf8cf2 100644 --- a/iridescence/src/components/ProductSearch.vue +++ b/iridescence/src/components/ProductSearch.vue @@ -22,7 +22,10 @@ </div> </div> <content class="has-text-centered" v-if="noResults"> - <p>Couldn't find what you're looking for? We do custom orders too!</p> + <p> + Couldn't find what you're looking for? + <a href="#">We do custom orders too!</a> + </p> </content> </div> </template> |