diff options
| author | Adam T. Carpenter <atc@53hor.net> | 2020-11-16 22:08:44 -0500 |
|---|---|---|
| committer | Adam T. Carpenter <atc@53hor.net> | 2020-11-16 22:08:44 -0500 |
| commit | f92fe9e965d903f4ef5520fff0075928ece3a443 (patch) | |
| tree | 36df31eaa27ee250be00dfdf249176ecdbd92e42 | |
| parent | 4060a91d180f4fdef690d9f540d8bdd61ba33f9f (diff) | |
| download | theglassyladies-f92fe9e965d903f4ef5520fff0075928ece3a443.tar.xz theglassyladies-f92fe9e965d903f4ef5520fff0075928ece3a443.zip | |
ProductCard thumbnail and name are links to expand details.
| -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> |