diff --git a/src/renderer/src/components/navbar/Navbar.vue b/src/renderer/src/components/navbar/Navbar.vue index bb5f2b1..5b2e298 100644 --- a/src/renderer/src/components/navbar/Navbar.vue +++ b/src/renderer/src/components/navbar/Navbar.vue @@ -7,12 +7,7 @@

{ - window.addEventListener('resize', () => { - zoomFactor.value = window.outerWidth / window.innerWidth - }) - appIpc.onMaximized((maximized) => { - console.log(maximized) - isMaximized.value = true - }) +const zerooneTitle = ref(null) +const zerooneSubtitle = ref(null) - appIpc.onUnmaximized(() => { - isMaximized.value = false - }) +const scrambleTitle = () => { + zerooneTitle.value.scramble(1, 100, 0) + zerooneSubtitle.value.scramble(1, 75, 30) +} + +window.addEventListener('resize', () => { + zoomFactor.value = window.outerWidth / window.innerWidth }) +appIpc.onMaximized((maximized) => { + console.log(maximized) + isMaximized.value = true +}) + +appIpc.onUnmaximized(() => { + isMaximized.value = false +}) + +watch(() => deviceStore.connected, scrambleTitle)