From f92fe9e965d903f4ef5520fff0075928ece3a443 Mon Sep 17 00:00:00 2001
From: "Adam T. Carpenter" <atc@53hor.net>
Date: Mon, 16 Nov 2020 22:08:44 -0500
Subject: ProductCard thumbnail and name are links to expand details.

---
 iridescence/src/components/ProductCard.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'iridescence/src/components/ProductCard.vue')

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>
-- 
cgit v1.2.3

