63 lines
1.9 KiB
Vue
63 lines
1.9 KiB
Vue
|
<script setup lang="ts">
|
||
|
|
import { ButtonCommon } from '@/components'
|
||
|
|
|
||
|
|
const goToNewWallet = () => {
|
||
|
|
window.open('https://kaspa-ng.org', '_blank')
|
||
|
|
}
|
||
|
|
|
||
|
|
const goToLegacyWallet = () => {
|
||
|
|
window.open('https://wallet.kaspanet.io', '_blank')
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="welcome-page flex-center">
|
||
|
|
<div class="welcome-card flex-center">
|
||
|
|
<div class="welcome-box">
|
||
|
|
<div class="header-section">
|
||
|
|
<h2>Welcome to the New Wallet Experience</h2>
|
||
|
|
<p>
|
||
|
|
We've launched a new version of the Kaspa Wallet at
|
||
|
|
<br />
|
||
|
|
<span class="highlight"> https://kaspa-ng.org </span>
|
||
|
|
</p>
|
||
|
|
<ButtonCommon @click="goToNewWallet">
|
||
|
|
Go to the new Kaspa NG Wallet
|
||
|
|
</ButtonCommon>
|
||
|
|
</div>
|
||
|
|
<div class="spacer"></div>
|
||
|
|
<p>
|
||
|
|
Already have funds on the old wallet?<br />
|
||
|
|
You can still use <span class="highlight">https://wallet.kaspanet.io</span>
|
||
|
|
</p>
|
||
|
|
<ButtonCommon @click="goToLegacyWallet"> Continue on Legacy Wallet </ButtonCommon>
|
||
|
|
<div class="note">Thank you for being a part of the Kaspa community!</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.welcome-page {
|
||
|
|
min-height: 100vh;
|
||
|
|
background-color: var(--vt-c-white);
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
.welcome-card {
|
||
|
|
background-color: var(--vt-c-white);
|
||
|
|
box-shadow: 0 0 15px var(--vt-c-badge-caption-shadow);
|
||
|
|
border-radius: 10px;
|
||
|
|
width: 100%;
|
||
|
|
max-width: 800px;
|
||
|
|
flex-direction: column;
|
||
|
|
text-align: center;
|
||
|
|
padding: 2rem;
|
||
|
|
.welcome-box {
|
||
|
|
width: 100%;
|
||
|
|
max-width: 700px;
|
||
|
|
padding: 30px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|