|
|
@@ -1,6 +1,6 @@
|
|
|
<script setup>
|
|
|
-import { ref } from 'vue';
|
|
|
-import { useRoute } from 'vue-router';
|
|
|
+import { ref } from "vue";
|
|
|
+import { useRoute } from "vue-router";
|
|
|
|
|
|
const isInstalled = ref(false);
|
|
|
const route = useRoute();
|
|
|
@@ -8,7 +8,7 @@ const route = useRoute();
|
|
|
const channel = route.params.channel;
|
|
|
const downloadUrl = channel
|
|
|
? `https://a3xur171.s3.ap-northeast-1.amazonaws.com/${channel}/Telegram.apk`
|
|
|
- : '';
|
|
|
+ : "";
|
|
|
|
|
|
function handleDownloadClick() {
|
|
|
setTimeout(() => {
|
|
|
@@ -23,7 +23,12 @@ function handleLogoClick() {
|
|
|
|
|
|
<template>
|
|
|
<nav class="navbar">
|
|
|
- <img src="/logo.svg" alt="Logo" class="navbar-logo" @click="handleLogoClick" />
|
|
|
+ <img
|
|
|
+ src="/logo.svg"
|
|
|
+ alt="Logo"
|
|
|
+ class="navbar-logo"
|
|
|
+ @click="handleLogoClick"
|
|
|
+ />
|
|
|
<a
|
|
|
class="navbar-download-btn"
|
|
|
:href="downloadUrl"
|
|
|
@@ -45,7 +50,7 @@ function handleLogoClick() {
|
|
|
<div class="phone-image">
|
|
|
<img :src="'/main.png'" alt="Direct Download App" />
|
|
|
</div>
|
|
|
- <p class="desc desc-download">
|
|
|
+ <p class="desc desc-download" v-if="channel">
|
|
|
<strong>CLICK THE BUTTON BELOW TO</strong>
|
|
|
<strong>DOWNLOAD THE LATEST VERSION</strong>
|
|
|
</p>
|
|
|
@@ -60,7 +65,9 @@ function handleLogoClick() {
|
|
|
>
|
|
|
<span>Download</span>
|
|
|
</a>
|
|
|
- <span v-else style="color: #fff; font-weight: bold; font-size: 0.8rem;">Please access this page through the correct link</span>
|
|
|
+ <span v-else style="margin-top: 1rem; color: #fff; font-weight: bold; font-size: 0.8rem"
|
|
|
+ >Please access this page through the correct link</span
|
|
|
+ >
|
|
|
</div>
|
|
|
<div class="footer-text">
|
|
|
<a href="https://telegram.org/" target="_blank" rel="noopener">
|
