ReviewOS

also looking at this

meemalabs/hoodratz.io

Fix Moving Accordion

#19
Merged glennmichael123 wants to merge develop into staging
1 file +18 -18
src/views/Home.vuemodified+18-18
Changes to src/views/Home.vue
@@ -333,7 +333,7 @@ import AppFooter from "@/components/AppFooter.vue";
333333
334334 <button
335335 v-if="!accordion.variety"
336 @click="accordion.variety = !accordion.variety"
336 @click.prevent="accordion.variety = !accordion.variety"
337337 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
338338 >
339339 <img
@@ -344,7 +344,7 @@ import AppFooter from "@/components/AppFooter.vue";
344344
345345 <button
346346 v-else
347 @click="accordion.variety = !accordion.variety"
347 @click.prevent="accordion.variety = !accordion.variety"
348348 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
349349 >
350350 <img
@@ -395,7 +395,7 @@ import AppFooter from "@/components/AppFooter.vue";
395395 </div>
396396 <button
397397 v-if="!accordion.free"
398 @click="accordion.free = !accordion.free"
398 @click.prevent="accordion.free = !accordion.free"
399399 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
400400 >
401401 <img src="/images/home/chevron-down.svg" alt="" />
@@ -403,7 +403,7 @@ import AppFooter from "@/components/AppFooter.vue";
403403
404404 <button
405405 v-else
406 @click="accordion.free = !accordion.free"
406 @click.prevent="accordion.free = !accordion.free"
407407 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
408408 >
409409 <img src="/images/home/chevron-up.svg" alt="" />
@@ -440,7 +440,7 @@ import AppFooter from "@/components/AppFooter.vue";
440440 </div>
441441 <button
442442 v-if="!accordion.marketplace"
443 @click="accordion.marketplace = !accordion.marketplace"
443 @click.prevent="accordion.marketplace = !accordion.marketplace"
444444 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
445445 >
446446 <img src="/images/home/chevron-down.svg" alt="" />
@@ -448,7 +448,7 @@ import AppFooter from "@/components/AppFooter.vue";
448448
449449 <button
450450 v-else
451 @click="accordion.marketplace = !accordion.marketplace"
451 @click.prevent="accordion.marketplace = !accordion.marketplace"
452452 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
453453 >
454454 <img src="/images/home/chevron-up.svg" alt="" />
@@ -492,7 +492,7 @@ import AppFooter from "@/components/AppFooter.vue";
492492 </div>
493493 <button
494494 v-if="!accordion.airdrops"
495 @click="accordion.airdrops = !accordion.airdrops"
495 @click.prevent="accordion.airdrops = !accordion.airdrops"
496496 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
497497 >
498498 <img src="/images/home/chevron-down.svg" alt="" />
@@ -500,7 +500,7 @@ import AppFooter from "@/components/AppFooter.vue";
500500
501501 <button
502502 v-else
503 @click="accordion.airdrops = !accordion.airdrops"
503 @click.prevent="accordion.airdrops = !accordion.airdrops"
504504 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
505505 >
506506 <img src="/images/home/chevron-up.svg" alt="" />
@@ -530,7 +530,7 @@ import AppFooter from "@/components/AppFooter.vue";
530530 </div>
531531 <button
532532 v-if="!accordion.mission"
533 @click="accordion.mission = !accordion.mission"
533 @click.prevent="accordion.mission = !accordion.mission"
534534 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
535535 >
536536 <img src="/images/home/chevron-down.svg" alt="" />
@@ -538,7 +538,7 @@ import AppFooter from "@/components/AppFooter.vue";
538538
539539 <button
540540 v-else
541 @click="accordion.mission = !accordion.mission"
541 @click.prevent="accordion.mission = !accordion.mission"
542542 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
543543 >
544544 <img src="/images/home/chevron-up.svg" alt="" />
@@ -596,7 +596,7 @@ import AppFooter from "@/components/AppFooter.vue";
596596 </div>
597597 <button
598598 v-if="!accordion.variety"
599 @click="accordion.variety = !accordion.variety"
599 @click.prevent="accordion.variety = !accordion.variety"
600600 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
601601 >
602602 <img src="/images/home/chevron-down.svg" alt="" />
@@ -604,7 +604,7 @@ import AppFooter from "@/components/AppFooter.vue";
604604
605605 <button
606606 v-else
607 @click="accordion.variety = !accordion.variety"
607 @click.prevent="accordion.variety = !accordion.variety"
608608 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
609609 >
610610 <img src="/images/home/chevron-up.svg" alt="" />
@@ -630,7 +630,7 @@ import AppFooter from "@/components/AppFooter.vue";
630630 </div>
631631 <button
632632 v-if="!accordion.rarity"
633 @click="accordion.rarity = !accordion.rarity"
633 @click.prevent="accordion.rarity = !accordion.rarity"
634634 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
635635 >
636636 <img src="/images/home/chevron-down.svg" alt="" />
@@ -638,7 +638,7 @@ import AppFooter from "@/components/AppFooter.vue";
638638
639639 <button
640640 v-else
641 @click="accordion.rarity = !accordion.rarity"
641 @click.prevent="accordion.rarity = !accordion.rarity"
642642 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
643643 >
644644 <img src="/images/home/chevron-up.svg" alt="" />
@@ -666,7 +666,7 @@ import AppFooter from "@/components/AppFooter.vue";
666666 </div>
667667 <button
668668 v-if="!accordion.popularity"
669 @click="accordion.popularity = !accordion.popularity"
669 @click.prevent="accordion.popularity = !accordion.popularity"
670670 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
671671 >
672672 <img src="/images/home/chevron-down.svg" alt="" />
@@ -674,7 +674,7 @@ import AppFooter from "@/components/AppFooter.vue";
674674
675675 <button
676676 v-else
677 @click="accordion.popularity = !accordion.popularity"
677 @click.prevent="accordion.popularity = !accordion.popularity"
678678 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
679679 >
680680 <img src="/images/home/chevron-up.svg" alt="" />
@@ -702,7 +702,7 @@ import AppFooter from "@/components/AppFooter.vue";
702702 </div>
703703 <button
704704 v-if="!accordion.mission"
705 @click="accordion.mission = !accordion.mission"
705 @click.prevent="accordion.mission = !accordion.mission"
706706 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
707707 >
708708 <img src="/images/home/chevron-down.svg" alt="" />
@@ -710,7 +710,7 @@ import AppFooter from "@/components/AppFooter.vue";
710710
711711 <button
712712 v-else
713 @click="accordion.mission = !accordion.mission"
713 @click.prevent="accordion.mission = !accordion.mission"
714714 class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl"
715715 >
716716 <img src="/images/home/chevron-up.svg" alt="" />