diff options
author | vnugent <public@vaughnnugent.com> | 2023-11-22 02:21:53 -0500 |
---|---|---|
committer | vnugent <public@vaughnnugent.com> | 2023-11-22 02:21:53 -0500 |
commit | 2ba94602a87c87b47f566745bdab40ce75e0e879 (patch) | |
tree | 396cb9c6d73d6bfb4e4b2d4fb440d7656fe493e0 /extension/src/entries/popup | |
parent | 43429314c0989b423e116be3e9f222eba5b636c3 (diff) |
latest patches, remove webext-bridge, lastest vnlib.browser
Diffstat (limited to 'extension/src/entries/popup')
-rw-r--r-- | extension/src/entries/popup/Components/Login.vue | 2 | ||||
-rw-r--r-- | extension/src/entries/popup/Components/PageContent.vue | 7 | ||||
-rw-r--r-- | extension/src/entries/popup/main.js | 4 |
3 files changed, 10 insertions, 3 deletions
diff --git a/extension/src/entries/popup/Components/Login.vue b/extension/src/entries/popup/Components/Login.vue index 44df714..93c0178 100644 --- a/extension/src/entries/popup/Components/Login.vue +++ b/extension/src/entries/popup/Components/Login.vue @@ -31,7 +31,7 @@ const token = ref('') const onSubmit = async () => { await apiCall(async ({ toaster }) => { await login(token.value) - toaster.general.success({ + toaster.form.success({ 'title': 'Login successful', 'text': 'Successfully logged into your profile' }) diff --git a/extension/src/entries/popup/Components/PageContent.vue b/extension/src/entries/popup/Components/PageContent.vue index 1a3995e..e4fcb49 100644 --- a/extension/src/entries/popup/Components/PageContent.vue +++ b/extension/src/entries/popup/Components/PageContent.vue @@ -19,6 +19,12 @@ <fa-icon icon="arrow-right-from-bracket" /> </button> </div> + <div class="my-auto"> + <button class="rounded btn xs" @click="toggleDark" > + <fa-icon class="w-4" v-if="darkMode" icon="sun"/> + <fa-icon class="w-4" v-else icon="moon" /> + </button> + </div> <div class="my-auto"> <button class="rounded btn xs" @click="openOptions"> <fa-icon :icon="['fas', 'gear']"/> @@ -106,6 +112,7 @@ const { copy, copied } = useClipboard() const pubKey = computed(() => selectedKey!.value?.PublicKey) const openOptions = () => runtime.openOptionsPage(); +const toggleDark = () => store.toggleDarkMode() //Watch for dark mode changes and update the body class watchEffect(() => darkMode.value ? document.body.classList.add('dark') : document.body.classList.remove('dark')); diff --git a/extension/src/entries/popup/main.js b/extension/src/entries/popup/main.js index a259e63..8b8a3d9 100644 --- a/extension/src/entries/popup/main.js +++ b/extension/src/entries/popup/main.js @@ -24,10 +24,10 @@ import "./local.scss" /* FONT AWESOME CONFIG */ import { library } from '@fortawesome/fontawesome-svg-core' -import { faArrowRightFromBracket, faCopy, faEdit, faGear, faMinus, faPlus, faSpinner } from '@fortawesome/free-solid-svg-icons' +import { faArrowRightFromBracket, faCopy, faEdit, faGear, faMinus, faMoon, faPlus, faSpinner, faSun } from '@fortawesome/free-solid-svg-icons' import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome' -library.add(faSpinner, faEdit, faGear, faCopy, faArrowRightFromBracket, faPlus, faMinus) +library.add(faSpinner, faEdit, faGear, faCopy, faArrowRightFromBracket, faPlus, faMinus, faSun, faMoon) const bgPlugin = useBackgroundPiniaPlugin('popup') |