aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/views/LdGallery.vue
diff options
context:
space:
mode:
Diffstat (limited to 'viewer/src/views/LdGallery.vue')
-rw-r--r--viewer/src/views/LdGallery.vue16
1 files changed, 7 insertions, 9 deletions
diff --git a/viewer/src/views/LdGallery.vue b/viewer/src/views/LdGallery.vue
index 98f083f..d22bfa6 100644
--- a/viewer/src/views/LdGallery.vue
+++ b/viewer/src/views/LdGallery.vue
@@ -1,9 +1,13 @@
1<template> 1<template>
2 <div :class="{fullscreen}"> 2 <div :class="{fullscreen: $uiStore.fullscreen}">
3 <div class="layout top">header</div> 3 <div class="layout top">header</div>
4 <div class="layout left">panel</div> 4 <div class="layout left">panel</div>
5 <router-view class="layout content" /> 5 <router-view class="layout content" />
6 <fa-icon icon="expand-arrows-alt" class="layout button-fullscreen" @click="toggleFullscreen" /> 6 <fa-icon
7 icon="expand-arrows-alt"
8 class="layout button-fullscreen"
9 @click="$uiStore.toggleFullscreen()"
10 />
7 </div> 11 </div>
8</template> 12</template>
9 13
@@ -11,13 +15,7 @@
11import { Component, Vue } from "vue-property-decorator"; 15import { Component, Vue } from "vue-property-decorator";
12 16
13@Component 17@Component
14export default class LdGallery extends Vue { 18export default class LdGallery extends Vue {}
15 fullscreen: boolean = false;
16
17 toggleFullscreen() {
18 this.fullscreen = !this.fullscreen;
19 }
20}
21</script> 19</script>
22 20
23<style lang="scss"> 21<style lang="scss">