Add ListEnd button below searchable lists

This commit is contained in:
Sam Carlton 2022-03-06 14:09:16 -06:00
parent 00cd98e13c
commit 7467ca2c07
3 changed files with 9 additions and 48 deletions

View file

@ -57,30 +57,7 @@
</div>
<div class="flex flex-col md:flex-row space-x-0 space-y-4 md:space-y-0 md:space-x-4">
<LinkButton
:href="`https://github.com/ThatGuySam/doesitarm/issues?q=is%3Aissue+${query}`"
class="text-xs"
>
Request an App with Github
</LinkButton>
<LinkButton
:href="`https://twitter.com/DoesItARM/status/1330027384041508865`"
class="text-xs"
>
Request an App with Twitter
</LinkButton>
<LinkButton
:href="`/apple-silicon-app-test/`"
class="text-xs"
>
Scan Your Own App
</LinkButton>
</div>
<ListEndButtons :query="query" />
</div>
</section>
@ -89,6 +66,7 @@
<script>
import Search from '~/components/search.vue'
import LinkButton from '~/components/link-button.vue'
import ListEndButtons from '~/components/list-end-buttons.vue'
// import { categories } from '~/helpers/categories.js'
import { deviceSupportsApp } from '~/helpers/devices.js'
@ -151,7 +129,8 @@ export default {
},
components: {
Search,
LinkButton
LinkButton,
ListEndButtons
},
data: function () {
return {

View file

@ -31,6 +31,7 @@ import Search from '~/components/search.vue'
import LinkButton from '~/components/link-button.vue'
import ThomasCredit from '~/components/thomas-credit.vue'
import gameList from '~/static/game-list.json'
export default {

View file

@ -26,28 +26,7 @@
</template>
</Search>
<div class="flex flex-col md:flex-row space-x-0 space-y-4 md:space-y-0 md:space-x-4">
<LinkButton
:href="`https://github.com/ThatGuySam/doesitarm/issues?q=is%3Aissue+${query}`"
class="text-xs"
>
Request an App with Github
</LinkButton>
<LinkButton
:href="`https://twitter.com/DoesItARM/status/1330027384041508865`"
class="text-xs"
>
Request an App with Twitter
</LinkButton>
<LinkButton
:href="`/apple-silicon-app-test/`"
class="text-xs"
>
Scan Your Own App
</LinkButton>
</div>
<ListEndButtons :query="query" />
<AllUpdatesSubscribe
:input-class-groups="{
@ -72,6 +51,7 @@ import Search from '~/components/search.vue'
import LinkButton from '~/components/link-button.vue'
import AllUpdatesSubscribe from '~/components/all-updates-subscribe.vue'
import ListSummary from '~/components/list-summary.vue'
import ListEndButtons from '~/components/list-end-buttons.vue'
export default {
async asyncData () {
@ -125,7 +105,8 @@ export default {
Search,
LinkButton,
AllUpdatesSubscribe,
ListSummary
ListSummary,
ListEndButtons
},
data: function () {
return {