also looking at this
Fix Moving Accordion
#19
1 file
+18
-18
| @@ -333,7 +333,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 333 | 333 | |
| 334 | 334 | <button |
| 335 | 335 | v-if="!accordion.variety" |
| 336 | @click="accordion.variety = !accordion.variety" | |
| 336 | @click.prevent="accordion.variety = !accordion.variety" | |
| 337 | 337 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 338 | 338 | > |
| 339 | 339 | <img |
| @@ -344,7 +344,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 344 | 344 | |
| 345 | 345 | <button |
| 346 | 346 | v-else |
| 347 | @click="accordion.variety = !accordion.variety" | |
| 347 | @click.prevent="accordion.variety = !accordion.variety" | |
| 348 | 348 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 349 | 349 | > |
| 350 | 350 | <img |
| @@ -395,7 +395,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 395 | 395 | </div> |
| 396 | 396 | <button |
| 397 | 397 | v-if="!accordion.free" |
| 398 | @click="accordion.free = !accordion.free" | |
| 398 | @click.prevent="accordion.free = !accordion.free" | |
| 399 | 399 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 400 | 400 | > |
| 401 | 401 | <img src="/images/home/chevron-down.svg" alt="" /> |
| @@ -403,7 +403,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 403 | 403 | |
| 404 | 404 | <button |
| 405 | 405 | v-else |
| 406 | @click="accordion.free = !accordion.free" | |
| 406 | @click.prevent="accordion.free = !accordion.free" | |
| 407 | 407 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 408 | 408 | > |
| 409 | 409 | <img src="/images/home/chevron-up.svg" alt="" /> |
| @@ -440,7 +440,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 440 | 440 | </div> |
| 441 | 441 | <button |
| 442 | 442 | v-if="!accordion.marketplace" |
| 443 | @click="accordion.marketplace = !accordion.marketplace" | |
| 443 | @click.prevent="accordion.marketplace = !accordion.marketplace" | |
| 444 | 444 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 445 | 445 | > |
| 446 | 446 | <img src="/images/home/chevron-down.svg" alt="" /> |
| @@ -448,7 +448,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 448 | 448 | |
| 449 | 449 | <button |
| 450 | 450 | v-else |
| 451 | @click="accordion.marketplace = !accordion.marketplace" | |
| 451 | @click.prevent="accordion.marketplace = !accordion.marketplace" | |
| 452 | 452 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 453 | 453 | > |
| 454 | 454 | <img src="/images/home/chevron-up.svg" alt="" /> |
| @@ -492,7 +492,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 492 | 492 | </div> |
| 493 | 493 | <button |
| 494 | 494 | v-if="!accordion.airdrops" |
| 495 | @click="accordion.airdrops = !accordion.airdrops" | |
| 495 | @click.prevent="accordion.airdrops = !accordion.airdrops" | |
| 496 | 496 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 497 | 497 | > |
| 498 | 498 | <img src="/images/home/chevron-down.svg" alt="" /> |
| @@ -500,7 +500,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 500 | 500 | |
| 501 | 501 | <button |
| 502 | 502 | v-else |
| 503 | @click="accordion.airdrops = !accordion.airdrops" | |
| 503 | @click.prevent="accordion.airdrops = !accordion.airdrops" | |
| 504 | 504 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 505 | 505 | > |
| 506 | 506 | <img src="/images/home/chevron-up.svg" alt="" /> |
| @@ -530,7 +530,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 530 | 530 | </div> |
| 531 | 531 | <button |
| 532 | 532 | v-if="!accordion.mission" |
| 533 | @click="accordion.mission = !accordion.mission" | |
| 533 | @click.prevent="accordion.mission = !accordion.mission" | |
| 534 | 534 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 535 | 535 | > |
| 536 | 536 | <img src="/images/home/chevron-down.svg" alt="" /> |
| @@ -538,7 +538,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 538 | 538 | |
| 539 | 539 | <button |
| 540 | 540 | v-else |
| 541 | @click="accordion.mission = !accordion.mission" | |
| 541 | @click.prevent="accordion.mission = !accordion.mission" | |
| 542 | 542 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 543 | 543 | > |
| 544 | 544 | <img src="/images/home/chevron-up.svg" alt="" /> |
| @@ -596,7 +596,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 596 | 596 | </div> |
| 597 | 597 | <button |
| 598 | 598 | v-if="!accordion.variety" |
| 599 | @click="accordion.variety = !accordion.variety" | |
| 599 | @click.prevent="accordion.variety = !accordion.variety" | |
| 600 | 600 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 601 | 601 | > |
| 602 | 602 | <img src="/images/home/chevron-down.svg" alt="" /> |
| @@ -604,7 +604,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 604 | 604 | |
| 605 | 605 | <button |
| 606 | 606 | v-else |
| 607 | @click="accordion.variety = !accordion.variety" | |
| 607 | @click.prevent="accordion.variety = !accordion.variety" | |
| 608 | 608 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 609 | 609 | > |
| 610 | 610 | <img src="/images/home/chevron-up.svg" alt="" /> |
| @@ -630,7 +630,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 630 | 630 | </div> |
| 631 | 631 | <button |
| 632 | 632 | v-if="!accordion.rarity" |
| 633 | @click="accordion.rarity = !accordion.rarity" | |
| 633 | @click.prevent="accordion.rarity = !accordion.rarity" | |
| 634 | 634 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 635 | 635 | > |
| 636 | 636 | <img src="/images/home/chevron-down.svg" alt="" /> |
| @@ -638,7 +638,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 638 | 638 | |
| 639 | 639 | <button |
| 640 | 640 | v-else |
| 641 | @click="accordion.rarity = !accordion.rarity" | |
| 641 | @click.prevent="accordion.rarity = !accordion.rarity" | |
| 642 | 642 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 643 | 643 | > |
| 644 | 644 | <img src="/images/home/chevron-up.svg" alt="" /> |
| @@ -666,7 +666,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 666 | 666 | </div> |
| 667 | 667 | <button |
| 668 | 668 | v-if="!accordion.popularity" |
| 669 | @click="accordion.popularity = !accordion.popularity" | |
| 669 | @click.prevent="accordion.popularity = !accordion.popularity" | |
| 670 | 670 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 671 | 671 | > |
| 672 | 672 | <img src="/images/home/chevron-down.svg" alt="" /> |
| @@ -674,7 +674,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 674 | 674 | |
| 675 | 675 | <button |
| 676 | 676 | v-else |
| 677 | @click="accordion.popularity = !accordion.popularity" | |
| 677 | @click.prevent="accordion.popularity = !accordion.popularity" | |
| 678 | 678 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 679 | 679 | > |
| 680 | 680 | <img src="/images/home/chevron-up.svg" alt="" /> |
| @@ -702,7 +702,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 702 | 702 | </div> |
| 703 | 703 | <button |
| 704 | 704 | v-if="!accordion.mission" |
| 705 | @click="accordion.mission = !accordion.mission" | |
| 705 | @click.prevent="accordion.mission = !accordion.mission" | |
| 706 | 706 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 707 | 707 | > |
| 708 | 708 | <img src="/images/home/chevron-down.svg" alt="" /> |
| @@ -710,7 +710,7 @@ import AppFooter from "@/components/AppFooter.vue"; | ||
| 710 | 710 | |
| 711 | 711 | <button |
| 712 | 712 | v-else |
| 713 | @click="accordion.mission = !accordion.mission" | |
| 713 | @click.prevent="accordion.mission = !accordion.mission" | |
| 714 | 714 | class="px-4 py-5 bg-hoodratz-grey-6 rounded-xl" |
| 715 | 715 | > |
| 716 | 716 | <img src="/images/home/chevron-up.svg" alt="" /> |