diff options
Diffstat (limited to 'viewer/src/views/MainLayout.vue')
-rw-r--r-- | viewer/src/views/MainLayout.vue | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/viewer/src/views/MainLayout.vue b/viewer/src/views/MainLayout.vue index f0809b6..c202def 100644 --- a/viewer/src/views/MainLayout.vue +++ b/viewer/src/views/MainLayout.vue | |||
@@ -18,7 +18,7 @@ | |||
18 | --> | 18 | --> |
19 | 19 | ||
20 | <template> | 20 | <template> |
21 | <div :class="{fullscreen: $uiStore.fullscreen}"> | 21 | <div :class="{fullscreen: $uiStore.fullscreen, fullWidth: $uiStore.fullWidth}"> |
22 | <panel-top v-if="!isLoading" class="layout layout-top" /> | 22 | <panel-top v-if="!isLoading" class="layout layout-top" /> |
23 | <panel-left v-if="!isLoading" class="layout layout-left" /> | 23 | <panel-left v-if="!isLoading" class="layout layout-left" /> |
24 | <router-view v-if="!isLoading" class="layout layout-content scrollbar" /> | 24 | <router-view v-if="!isLoading" class="layout layout-content scrollbar" /> |
@@ -98,8 +98,11 @@ html { | |||
98 | } | 98 | } |
99 | } | 99 | } |
100 | .fullscreen { | 100 | .fullscreen { |
101 | --layout-left: 0px; | ||
102 | --layout-top: 0px; | 101 | --layout-top: 0px; |
102 | @extend .fullWidth; | ||
103 | } | ||
104 | .fullWidth { | ||
105 | --layout-left: 0px; | ||
103 | .layout { | 106 | .layout { |
104 | &.layout-left { | 107 | &.layout-left { |
105 | transform: translate(-$layout-left, 0); | 108 | transform: translate(-$layout-left, 0); |