danielroe.dev
[READ-ONLY] Mirror of https://github.com/danielroe/dwaring87-webdev-wedding. Marissa & David's Wedding Website!
Recommendations: Improve Category Links
author
David Waring
date
(Jan 18, 2023, 10:19 AM -0500)
commit
af8e16f0
af8e16f0f55b2123bb62cd04fff292c44e1165a6
parent
0ac2612a
0ac2612abfe58286d8ff688b3bdfb089895258e6
+3
-3
+3
-3
components/Recommendations.vue
+3
-3
components/Recommendations.vue
···
12
12
<!-- Category Index -->
13
13
<div class="well mt-8">
14
14
<h4 class="mb-2">Jump to Category:</h4>
15
-
<div class="inline sm:flex flex-wrap gap-x-4 justify-between">
16
-
<span class="block" v-for="(category) in Object.keys(recommendations)">
17
-
<a :href="`#category-${category}`">{{ category }}</a>
15
+
<div class="inline sm:flex flex-wrap gap-x-2 justify-between">
16
+
<span class="block my-3 bg-cyan-800 rounded-md px-2 w-fit" v-for="(category) in Object.keys(recommendations)">
17
+
<a :href="`#category-${category}`" style="text-decoration: none; color: #fff !important">{{ category }}</a>
18
18
</span>
19
19
</div>
20
20
</div>