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 /iridescence/src/components/ProductCard.vue | |
parent | 4060a91d180f4fdef690d9f540d8bdd61ba33f9f (diff) | |
download | theglassyladies-f92fe9e965d903f4ef5520fff0075928ece3a443.tar.xz theglassyladies-f92fe9e965d903f4ef5520fff0075928ece3a443.zip |
ProductCard thumbnail and name are links to expand details.
Diffstat (limited to 'iridescence/src/components/ProductCard.vue')
-rw-r--r-- | iridescence/src/components/ProductCard.vue | 10 |
1 files changed, 8 insertions, 2 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> |