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 device descriptions

Browse source
This commit is contained in:
Sam Carlton 2021-04-20 12:59:02 -05:00
parent 88c102aa1a
commit 4ad3dadace
1 changed files with 42 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

38
pages/device/_slug.vue
View file

@ -1,11 +1,27 @@
<template> <template>
<section class="container py-24"> <section class="container py-24">
<div class="flex flex-col items-center"> <div class="flex flex-col items-center space-y-12">
<h1 class="title text-3xl md:text-5xl font-hairline leading-tight text-center pb-4">
<div class="summary space-y-6 max-w-2xl">
<h1 class="title text-3xl md:text-5xl font-hairline leading-tight text-center">
{{ device.name }} {{ device.name }}
</h1> </h1>
<div class="summary space-y-4 max-w-2xl"> <div
v-if="device.description"
class="md:text-md text-center"
>
{{ device.description }}
</div>
<div
v-if="supportedAppList.length !== 0"
class="md:text-md text-center"
>
Supported apps include {{ supportedAppList.join(', ') }}.
</div>
<div class="flex justify-center py-3"> <div class="flex justify-center py-3">
<LinkButton <LinkButton
v-if="device.amazonUrl" v-if="device.amazonUrl"
@ -16,19 +32,16 @@
</LinkButton> </LinkButton>
</div> </div>
<h2 </div>
class="subtitle md:text-lg text-center"
>
App support for {{ device.name }} <div class="search-apps w-full flex flex-col items-center space-y-4">
</h2>
<h2 <h2
v-if="supportedAppList.length !== 0" class="subtitle md:text-lg font-bold text-center"
class="subtitle md:text-lg text-center"
> >
Supported apps include {{ supportedAppList.join(', ') }}. Search app support for {{ device.name }}
</h2> </h2>
</div>
<Search <Search
:app-list="deviceAppList" :app-list="deviceAppList"
@ -42,6 +55,7 @@
</template> </template>
</Search> </Search>
</div>
<div class="flex flex-col md:flex-row space-x-0 space-y-4 md:space-y-0 md:space-x-4"> <div class="flex flex-col md:flex-row space-x-0 space-y-4 md:space-y-0 md:space-x-4">