summaryrefslogtreecommitdiff
path: root/iridescence/src/components
diff options
context:
space:
mode:
authorAdam T. Carpenter <atc@53hor.net>2020-11-16 22:08:44 -0500
committerAdam T. Carpenter <atc@53hor.net>2020-11-16 22:08:44 -0500
commitf92fe9e965d903f4ef5520fff0075928ece3a443 (patch)
tree36df31eaa27ee250be00dfdf249176ecdbd92e42 /iridescence/src/components
parent4060a91d180f4fdef690d9f540d8bdd61ba33f9f (diff)
downloadtheglassyladies-f92fe9e965d903f4ef5520fff0075928ece3a443.tar.xz
theglassyladies-f92fe9e965d903f4ef5520fff0075928ece3a443.zip
ProductCard thumbnail and name are links to expand details.
Diffstat (limited to 'iridescence/src/components')
-rw-r--r--iridescence/src/components/ProductCard.vue10
-rw-r--r--iridescence/src/components/ProductSearch.vue5
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>