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 = () => {