UPD: Pane switching (random for testing)

This commit is contained in:
Robert Kossessa
2024-02-04 13:21:03 +01:00
parent e6aae180f8
commit 59198534c1
4 changed files with 16 additions and 6 deletions

View File

@@ -4,9 +4,12 @@ import DevicePreview from '@/components/device/DevicePreview.vue'
import ConfigPane from '@/components/config/ConfigPane.vue'
import Navbar from '@/components/Navbar.vue'
import { useStore } from '@/store'
import { ref } from 'vue'
const store = useStore()
const currentConfigPage = ref(0)
store.fetchProfiles()
</script>
@@ -16,8 +19,11 @@ store.fetchProfiles()
<div class="flex-1 min-h-0 flex flex-row">
<ProfileManager
class="basis-1/3 min-w-60 flex-1 flex flex-col border-solid border-0 border-r bg-zinc-900 bg-opacity-50" />
<DevicePreview class="basis-1/3 flex-col flex-1 flex border-solid border-0 border-r" />
<DevicePreview
class="basis-1/3 flex-col flex-1 flex border-solid border-0 border-r"
@select="currentConfigPage = Math.floor(Math.random() * 4)" />
<ConfigPane
v-model="currentConfigPage"
class="flex-1 basis-2/5 flex flex-col border-solid border-0 border-r bg-zinc-900 bg-opacity-50" />
</div>
</main>