refine on click behavior

leon-luna-ray · Jun 22, 2024 · 0083663 · 0083663
1 parent 13783c1
commit 0083663
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/components/TechList.vue b/src/components/TechList.vue
@@ -43,11 +43,10 @@ onMounted(() => {
                     <IconChevronUp v-if="expandedItem === index" class="h-[1rem] up" aria-hidden="true" />
                     <IconChevronDown v-else class="h-[1rem] down" aria-hidden="true" />
                 </div>
-                <div v-if="expandedItem === index" class="text-[0.875rem] font-light flex-col-1"
-                    @click="setExpandedItem(null)">
-                    <p>{{ item.description }}</p>
+                <div v-if="expandedItem === index" class="text-[0.875rem] font-light flex-col-1">
+                    <p @click="setExpandedItem(null)">{{ item.description }}</p>
                     <a :href="`/projects/technologies/${item.slug.current}`"
-                        class="text-[0.75rem] uppercase font-[500] hover:underline flex gap-[0.5rem] items-center">
+                        class="text-[0.75rem] text-chocolate dark:text-beige uppercase font-[500] hover:underline flex gap-[0.5rem] items-center tracking-[0.01rem]">
                         <span>{{ item.title }} Projects </span>
                         <IconChevronRight class="h-[1rem]" />
                     </a>