aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/views/MainLayout.vue
diff options
context:
space:
mode:
authorZero~Informatique2020-01-09 02:10:35 +0100
committerZero~Informatique2020-01-09 02:10:35 +0100
commit89bcb2dbe5b5e6eb8e8ba13ceecee2770dfe4cd4 (patch)
tree8eb2c100707123f77ff6980c94e161d6214c648f /viewer/src/views/MainLayout.vue
parentc1e334b883e28381851fca077ff36aee0387b1db (diff)
downloadldgallery-89bcb2dbe5b5e6eb8e8ba13ceecee2770dfe4cd4.tar.gz
viewer: Changed "image" type to "picture". Adapted the code to the current compiler output format. The currentItem and currentPath are calculated in the store for easier multi-component access. Breadcrumb for current's position and navigation.
Diffstat (limited to 'viewer/src/views/MainLayout.vue')
-rw-r--r--viewer/src/views/MainLayout.vue19
1 files changed, 9 insertions, 10 deletions
diff --git a/viewer/src/views/MainLayout.vue b/viewer/src/views/MainLayout.vue
index 2a87ff1..d643e66 100644
--- a/viewer/src/views/MainLayout.vue
+++ b/viewer/src/views/MainLayout.vue
@@ -1,6 +1,6 @@
1<template> 1<template>
2 <div :class="{fullscreen: $uiStore.fullscreen}"> 2 <div :class="{fullscreen: $uiStore.fullscreen}">
3 <div class="layout layout-top">header</div> 3 <panel-top class="layout layout-top" />
4 <panel-left class="layout layout-left" /> 4 <panel-left class="layout layout-left" />
5 <router-view class="layout layout-content" /> 5 <router-view class="layout layout-content" />
6 <ld-button-fullscreen /> 6 <ld-button-fullscreen />
@@ -11,9 +11,10 @@
11<script lang="ts"> 11<script lang="ts">
12import { Component, Vue } from "vue-property-decorator"; 12import { Component, Vue } from "vue-property-decorator";
13import PanelLeft from "./PanelLeft.vue"; 13import PanelLeft from "./PanelLeft.vue";
14import PanelTop from "./PanelTop.vue";
14 15
15@Component({ 16@Component({
16 components: { PanelLeft }, 17 components: { PanelLeft, PanelTop },
17}) 18})
18export default class MainLayout extends Vue { 19export default class MainLayout extends Vue {
19 isLoading: boolean = false; 20 isLoading: boolean = false;
@@ -44,8 +45,7 @@ export default class MainLayout extends Vue {
44</script> 45</script>
45 46
46<style lang="scss"> 47<style lang="scss">
47$layout-top: 30px; 48@import "@/assets/scss/theme.scss";
48$layout-left: 250px;
49 49
50body, 50body,
51html { 51html {
@@ -86,18 +86,17 @@ html {
86 } 86 }
87} 87}
88 88
89// temp colors
90.layout { 89.layout {
91 &.layout-top { 90 &.layout-top {
92 background-color: darkslategray; 91 background-color: $panel-top-bgcolor;
93 color: white; 92 color: $panel-top-txtcolor;
94 } 93 }
95 &.layout-left { 94 &.layout-left {
96 background-color: darkblue; 95 background-color: $panel-left-bgcolor;
97 color: white; 96 color: $panel-left-txtcolor;
98 } 97 }
99 &.layout-content { 98 &.layout-content {
100 background-color: lightcyan; 99 background-color: $content-bgcolor;
101 } 100 }
102} 101}
103</style> \ No newline at end of file 102</style> \ No newline at end of file