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