natty
/
calckey
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

help buttons

This commit is contained in:
ThatOneCalculator 2023-02-08 18:29:44 -08:00
parent 912eac8ad7
commit c7be56e1c9
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
1 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
packages/client/src/pages/apps.vue
View File

@ -4,17 +4,35 @@
<div style="overflow: clip;"> <div style="overflow: clip;">
<MkSpacer :content-max="600" :margin-min="20"> <MkSpacer :content-max="600" :margin-min="20">
<div class="_formRoot"> <div class="_formRoot">
<div class="_formBlock" style="text-align: center;">
<pwa-install/>
<MkButton primary rounded inline @click="installPwa">{{ i18n.ts._apps.pwa }}</MkButton>
</div>
<FormSection> <FormSection>
<template #label>{{ i18n.ts._apps.crossPlatform }}</template> <template #label>{{ i18n.ts._apps.crossPlatform }}</template>
<div class="_formLinks"> <div class="_formLinks">
<div class="_formBlock" style="text-align: center;">
<pwa-install/>
<MkButton primary rounded inline @click="installPwa">{{ i18n.ts._apps.pwa }}</MkButton>
</div>
<FormLink to="https://kaiteki.app" external> <FormLink to="https://kaiteki.app" external>
<template #icon> <template #icon>
<i class="ph-device-mobile-bold ph-xl"/> <i class="ph-device-mobile-bold ph-xl"/>
<i class="ph-android-logo-bold ph-lg"/> <i class="ph-android-logo-bold ph-lg"/>
<span> </span>
<i class="ph-desktop-bold ph-xl"/>
<i class="ph-windows-logo-bold ph-lg"/>
<i class="ph-linux-logo-bold ph-lg"/>
</template>
{{ i18n.ts._apps.kaiteki }}
<template #suffix>{{ i18n.ts._apps.firstClass }}</template>
</FormLink>
</div>
</FormSection>
<FormSection>
<template #label>{{ i18n.ts._apps.crossPlatform }}</template>
<div class="_formLinks">
<FormLink to="https://kaiteki.app" external>
<template #icon>
<i class="ph-device-mobile-bold ph-xl"/>
<i class="ph-android-logo-bold ph-lg"/>
<span> </span>
<i class="ph-desktop-bold ph-xl"/> <i class="ph-desktop-bold ph-xl"/>
<i class="ph-windows-logo-bold ph-lg"/> <i class="ph-windows-logo-bold ph-lg"/>
<i class="ph-linux-logo-bold ph-lg"/> <i class="ph-linux-logo-bold ph-lg"/>