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

Tweak app page layout for mobile

Browse source
This commit is contained in:
Sam Carlton 2020-09-19 18:30:24 -05:00
parent ad2557e7c6
commit f021a34bad
1 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
pages/app/_slug.vue
View file

@ -1,18 +1,20 @@
<template> <template>
<section class="container"> <section class="container">
<div class="flex flex-col items-center"> <div class="flex flex-col items-center text-center">
<h1 class="title text-2xl font-bold"> <h1 class="title text-sm md:text-2xl font-semibold">
Does {{ app.name }} work on Apple Silicon? Does {{ app.name }} work on Apple Silicon?
</h1> </h1>
<h2 class="subtitle text-6xl font-bold py-6"> <h2 class="subtitle text-2xl md:text-6xl font-bold py-6">
{{ app.text }} {{ app.text }}
</h2> </h2>
<div class="links"> <div class="links space-x-6">
<LinkButton <LinkButton
:href="app.url" v-for="(link, i) in app.relatedLinks"
:key="i"
:href="link.href"
target="_blank" target="_blank"
class="" class=""
>Download</LinkButton> >{{ (i === 0) ? 'Download' : link.label }}</LinkButton>
</div> </div>
</div> </div>
</section> </section>