From ecf3dd552e2422c463e394d3bcb973998078f31a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Rodolphe=20Br=C3=A9ard?= Date: Tue, 1 Aug 2023 21:00:40 +0200 Subject: [PATCH] Move the link to add a new account into a nav bar --- index.html | 9 +--- src/assets/main.sass | 3 ++ src/components/LayoutComponent.vue | 11 +++++ src/components/NavBarComponent.vue | 32 ++++++++++++++ src/views/AddAccountView.vue | 71 ++++++++++++++++-------------- src/views/DeleteAccountView.vue | 19 ++++---- src/views/MainView.vue | 58 ++++++++++++------------ 7 files changed, 125 insertions(+), 78 deletions(-) create mode 100644 src/components/LayoutComponent.vue create mode 100644 src/components/NavBarComponent.vue diff --git a/index.html b/index.html index 23bd425..b89a115 100644 --- a/index.html +++ b/index.html @@ -7,14 +7,7 @@ Sub-Address KEy -
-
-
-
-
-
-
-
+
diff --git a/src/assets/main.sass b/src/assets/main.sass index d221481..c028461 100644 --- a/src/assets/main.sass +++ b/src/assets/main.sass @@ -19,6 +19,9 @@ @import "node_modules/bulma/sass/form/select" @import "node_modules/bulma/sass/form/tools" +// Navbar +@import "node_modules/bulma/sass/components/navbar" + // Columns @import "node_modules/bulma/sass/grid/columns" diff --git a/src/components/LayoutComponent.vue b/src/components/LayoutComponent.vue new file mode 100644 index 0000000..02aa315 --- /dev/null +++ b/src/components/LayoutComponent.vue @@ -0,0 +1,11 @@ + diff --git a/src/components/NavBarComponent.vue b/src/components/NavBarComponent.vue new file mode 100644 index 0000000..6132ae0 --- /dev/null +++ b/src/components/NavBarComponent.vue @@ -0,0 +1,32 @@ + + + diff --git a/src/views/AddAccountView.vue b/src/views/AddAccountView.vue index f3fa218..b492b78 100644 --- a/src/views/AddAccountView.vue +++ b/src/views/AddAccountView.vue @@ -5,6 +5,7 @@ import { useStorage } from '@vueuse/core' import { QrcodeStream } from 'vue-qrcode-reader' import { sha256 } from '@noble/hashes/sha256'; import base32Encode from 'base32-encode'; +import LayoutComponent from '../components/LayoutComponent.vue'; const accounts = useStorage('sake-accounts', []); const router = useRouter(); @@ -88,42 +89,44 @@ const resetErrorMessage = () => { diff --git a/src/views/DeleteAccountView.vue b/src/views/DeleteAccountView.vue index 3e61af2..cc488a0 100644 --- a/src/views/DeleteAccountView.vue +++ b/src/views/DeleteAccountView.vue @@ -1,6 +1,7 @@ diff --git a/src/views/MainView.vue b/src/views/MainView.vue index a382206..d35a0a1 100644 --- a/src/views/MainView.vue +++ b/src/views/MainView.vue @@ -5,6 +5,8 @@ import { useStorage } from '@vueuse/core' import { hmac } from '@noble/hashes/hmac'; import { sha256 } from '@noble/hashes/sha256'; import base32Encode from 'base32-encode'; +import LayoutComponent from '../components/LayoutComponent.vue'; +import NavBarComponent from '../components/NavBarComponent.vue'; const router = useRouter(); const accounts = useStorage('sake-accounts', []); @@ -52,36 +54,36 @@ const copyAddr = () => {