Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-18 06:44:46 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Add no results message and action

Browse source
This commit is contained in:
Sam Carlton 2020-09-19 22:26:37 -05:00
parent 32a14c10b7
commit e416ec0e07
2 changed files with 16 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
components/search.vue
View file

@ -19,12 +19,18 @@
ref="search-container" ref="search-container"
class="search-container relative w-full" class="search-container relative w-full"
> >
<div class="search-wrapper flex justify-center pb-32"> <div class="search-wrapper flex justify-center">
<div class="search-scroller w-full relative"> <div class="search-scroller w-full relative">
<div class="search-results py-8"> <div class="search-results py-8">
<ul class="results-container rounded-lg border border-gray-700 divide-y divide-gray-700 neumorphic-shadow px-5"> <ul class="results-container rounded-lg border border-gray-700 divide-y divide-gray-700 neumorphic-shadow px-5">
<li
v-if="results.length === 0"
class="text-center py-4"
>
No apps found
</li>
<li <li
v-for="(app, i) in results" v-for="(app, i) in results"
:key="`${app.slug}-${i}`" :key="`${app.slug}-${i}`"

10
pages/index.vue
View file

@ -9,18 +9,26 @@
</h2> </h2>
<Search /> <Search />
<LinkButton
href="https://github.com/ThatGuySam/doesitarm/issues"
>
Request an App
</LinkButton>
</div> </div>
</section> </section>
</template> </template>
<script> <script>
import Search from '~/components/search.vue' import Search from '~/components/search.vue'
import LinkButton from '~/components/link-button.vue'
import appList from '~/assets/app-list.json' import appList from '~/assets/app-list.json'
export default { export default {
components: { components: {
Search Search,
LinkButton
}, },
computed: { computed: {
appList() { appList() {