matei/zeroone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

DEL: Window size debug info

Browse Source
This commit is contained in:
Robert Kossessa
2024-02-02 03:46:44 +01:00
parent d978ea9874
commit 0d6b4ce5ab
1 changed files with 0 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/App.vue
View File

@@ -3,24 +3,12 @@ import ProfileManager from '@/components/profile/ProfileManager.vue'
import DevicePreview from '@/components/device/DevicePreview.vue' import DevicePreview from '@/components/device/DevicePreview.vue'
import ConfigPane from '@/components/config/ConfigPane.vue' import ConfigPane from '@/components/config/ConfigPane.vue'
import Navbar from '@/components/Navbar.vue' import Navbar from '@/components/Navbar.vue'
import { onMounted, ref } from 'vue'
import { useStore } from '@/store' import { useStore } from '@/store'
const store = useStore() const store = useStore()
store.fetchProfiles() store.fetchProfiles()
const windowWidth = ref(window.innerWidth)
const windowHeight = ref(window.innerHeight)
onMounted(() => {
window.addEventListener('resize', e => {
windowWidth.value = window.innerWidth
windowHeight.value = window.innerHeight
})
})
</script> </script>
<template> <template>
<main class="select-none w-screen h-screen flex flex-col"> <main class="select-none w-screen h-screen flex flex-col">
@@ -33,7 +21,4 @@ onMounted(() => {
class="flex-1 basis-2/5 flex flex-col border-solid border-0 border-r bg-zinc-900 bg-opacity-50" /> class="flex-1 basis-2/5 flex flex-col border-solid border-0 border-r bg-zinc-900 bg-opacity-50" />
</div> </div>
</main> </main>
<p
class="absolute bottom-2 left-0 right-0 text-center font-heading text-white opacity-15">
{{ windowWidth }} x {{ windowHeight }}</p>
</template> </template>