fix: 🐛 fix outline for expanded items in the popup

CRBroughton · Nov 25, 2023 · 0e929f5 · 0e929f5
1 parent 0771691
commit 0e929f5
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/neat-glasses-own.md b/.changeset/neat-glasses-own.md
@@ -0,0 +1,5 @@
+---
+"forager": patch
+---
+
+Fix outline for expanded items in the popup
diff --git a/src/components/ReferenceImages.vue b/src/components/ReferenceImages.vue
@@ -32,7 +32,11 @@ const isSliced = ref(true)
             <p>Landmark</p>
           </div>
           <div v-for="image in props.images" :key="image.url" class="flex flex-col justify-center items-center">
-            <ReferenceImage :image="image" :class="{ selected: selectedImage?.url === image.url }" @click="selectImage(image)" />
+            <ReferenceImage
+              :image="image"
+              :outline="`${selectedImage?.url === image.url ? 'blue' : image.colour}`"
+              @click="selectImage (image)"
+            />
           </div>
         </div>
       </div>