ngongquan/neptune-web-wallet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 231025/remove_unneccesary_buttons

Browse Source
This commit is contained in:
NguyenAnhQuan 2025-10-23 13:29:48 +07:00
parent dcb36ab411
commit 6da6dd2741
10 changed files with 29 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -5,7 +5,7 @@
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<link rel="apple-touch-icon" href="/favicon.png" /> <link rel="apple-touch-icon" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Web Wallet</title> <title>Neptune Web Wallet</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

2
package.json
View File

@ -1,5 +1,5 @@
{ {
"name": "webtoon-admin", "name": "neptune-web-wallet",
"version": "0.0.0", "version": "0.0.0",
"private": true, "private": true,
"type": "module", "type": "module",

2
src/api/config/index.ts
View File

@ -1,6 +1,6 @@
import axios from 'axios' import axios from 'axios'
import router from '@/router' import router from '@/router'
import { STATUS_CODE_SUCCESS, ACCESS_TOKEN, STATUS_CODE_UNAUTHORIZED } from '@/helpers' import { STATUS_CODE_SUCCESS, ACCESS_TOKEN, STATUS_CODE_UNAUTHORIZED } from '@/utils'
axios.defaults.withCredentials = false axios.defaults.withCredentials = false

4
src/assets/scss/__base.scss
View File

@ -31,7 +31,3 @@ h2 {
margin-bottom: 1rem; margin-bottom: 1rem;
text-align: center; text-align: center;
} }
.highlight {
color: var(--primary-color);
}

3
src/assets/scss/__common.scss
View File

@ -25,3 +25,6 @@
.text-muted { .text-muted {
color: var(--text-muted); color: var(--text-muted);
} }
.highlight {
color: var(--primary-color);
}

35
src/assets/scss/__variables.scss
View File

@ -2,14 +2,14 @@
// ==================== COLORS ==================== // ==================== COLORS ====================
// Primary Colors // Primary Colors
--primary-color: #007FCF; --primary-color: #007fcf;
--primary-hover: #0066A6; --primary-hover: #0066a6;
--primary-light: #E8F4FC; --primary-light: #e8f4fc;
--primary-bg: #F5FBFF; --primary-bg: #f5fbff;
// Secondary Colors // Secondary Colors
--secondary-color: #FF9500; --secondary-color: #ff9500;
--secondary-hover: #E68600; --secondary-hover: #e68600;
// Text Colors // Text Colors
--text-primary: #2c3e50; --text-primary: #2c3e50;
@ -17,24 +17,23 @@
--text-muted: #8b95a5; --text-muted: #8b95a5;
--text-light: #ffffff; --text-light: #ffffff;
// Background Colors // Background Colors
--bg-gradient-start: #F0F8FF; --bg-gradient-start: #f0f8ff;
--bg-gradient-end: #E6F2FF; --bg-gradient-end: #e6f2ff;
--bg-white: #ffffff; --bg-white: #ffffff;
--bg-light: #F8FCFF; --bg-light: #f8fcff;
--bg-hover: #E8F4FC; --bg-hover: #e8f4fc;
// Border Colors // Border Colors
--border-light: #E6F2FF; --border-light: #e6f2ff;
--border-color: #EBF5FF; --border-color: #ebf5ff;
--border-primary: #007FCF; --border-primary: #007fcf;
// Status Colors // Status Colors
--success-color: #10B981; --success-color: #10b981;
--warning-color: #F59E0B; --warning-color: #f59e0b;
--error-color: #EF4444; --error-color: #ef4444;
--info-color: #007FCF; --info-color: #007fcf;
// ==================== SPACING ==================== // ==================== SPACING ====================

3
src/components/icon/IconCommon.vue
View File

@ -1,8 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import type { IconProps } from '@/interface'; import type { IconProps } from '@/interface'
import { computed } from 'vue' import { computed } from 'vue'
const props = withDefaults(defineProps<IconProps>(), { const props = withDefaults(defineProps<IconProps>(), {
size: 16, size: 16,
color: 'currentColor', color: 'currentColor',

48
src/views/Home/components/WalletTab.vue
View File

@ -11,16 +11,8 @@ const walletStatus = ref('Online')
const networkName = computed(() => props.network.replace('-mainnet', '')) const networkName = computed(() => props.network.replace('-mainnet', ''))
const handleCompoundTransactions = () => { const handleBackupFile = () => {
console.log('Compound Transactions') console.log('Backup File')
}
const handleExportCSV = () => {
console.log('Export transactions as CSV')
}
const handleUpdateTransactionTimes = () => {
console.log('Update transaction times')
} }
const handleBackupSeed = () => { const handleBackupSeed = () => {
@ -30,14 +22,6 @@ const handleBackupSeed = () => {
const handleRecoverFromSeed = () => { const handleRecoverFromSeed = () => {
console.log('Recover From Seed') console.log('Recover From Seed')
} }
const handleExportWalletSeed = () => {
console.log('Export Wallet Seed File (KPK)')
}
const handleImportWalletSeed = () => {
console.log('Import Wallet Seed File (KPK)')
}
</script> </script>
<template> <template>
@ -54,14 +38,8 @@ const handleImportWalletSeed = () => {
</div> </div>
<div class="wallet-actions"> <div class="wallet-actions">
<ButtonCommon type="primary" size="large" block @click="handleCompoundTransactions"> <ButtonCommon type="primary" size="large" block @click="handleBackupFile">
Compound Transactions Backup File
</ButtonCommon>
<ButtonCommon type="primary" size="large" block @click="handleExportCSV">
Export transactions as CSV
</ButtonCommon>
<ButtonCommon type="primary" size="large" block @click="handleUpdateTransactionTimes">
Update transaction times
</ButtonCommon> </ButtonCommon>
<ButtonCommon type="primary" size="large" block @click="handleBackupSeed"> <ButtonCommon type="primary" size="large" block @click="handleBackupSeed">
Backup Seed Backup Seed
@ -69,27 +47,9 @@ const handleImportWalletSeed = () => {
<ButtonCommon type="primary" size="large" block @click="handleRecoverFromSeed"> <ButtonCommon type="primary" size="large" block @click="handleRecoverFromSeed">
Recover From Seed Recover From Seed
</ButtonCommon> </ButtonCommon>
<ButtonCommon type="primary" size="large" block @click="handleExportWalletSeed">
Export Wallet Seed File (KPK)
</ButtonCommon>
<ButtonCommon type="primary" size="large" block @click="handleImportWalletSeed">
Import Wallet Seed File (KPK)
</ButtonCommon>
</div> </div>
<Divider /> <Divider />
<div class="donations-section">
<h3 class="section-subtitle"><span style="margin-right: 8px">▷</span> DONATIONS</h3>
</div>
<Divider />
<div class="developer-section">
<h3 class="section-subtitle">
<span style="margin-right: 8px">▷</span> DEVELOPER INFO
</h3>
</div>
</div> </div>
</template> </template>

1
vite.config.ts
View File

@ -1,6 +1,5 @@
import { fileURLToPath, URL } from 'node:url' import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite' import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue' import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx' import vueJsx from '@vitejs/plugin-vue-jsx'
import VueDevTools from 'vite-plugin-vue-devtools' import VueDevTools from 'vite-plugin-vue-devtools'