diff --git a/src/components/navbar/Navbar.vue b/src/components/navbar/Navbar.vue index 9181fbe..8972f7d 100644 --- a/src/components/navbar/Navbar.vue +++ b/src/components/navbar/Navbar.vue @@ -43,12 +43,12 @@ ⌘N - - Skin: {{ previewDeviceNames[store.previewDeviceModel || 'nanoOne'] }} + + Orientation: {{ store.screenOrientation }}° - {{ $t('navbar.device.preferences') }} - ⌘, + + Skin: {{ previewDeviceNames[store.previewDeviceModel || 'nanoOne'] }} {{ $t('navbar.device.export') }} diff --git a/src/store.js b/src/store.js index a79e938..2713879 100644 --- a/src/store.js +++ b/src/store.js @@ -40,6 +40,7 @@ export const useStore = defineStore('main', { }, }, previewDeviceModel: 'nanoOne', + screenOrientation: 90, } }, getters: { profiles: (state) => state.profileCategories.flatMap(c => c.profiles), @@ -157,6 +158,9 @@ export const useStore = defineStore('main', { switchPreviewDeviceModel() { this.previewDeviceModel = this.previewDeviceModel === 'nanoOne' ? 'nanoZero' : 'nanoOne' }, + cycleScreenOrientation() { + this.screenOrientation = (this.screenOrientation + 90) % 360 + }, }, })