1609
|
1 <template>
|
|
2 <div :class="room"></div>
|
|
3 </template>
|
|
4
|
|
5 <script>
|
|
6 /* This is Free Software under GNU Affero General Public License v >= 3.0
|
|
7 * without warranty, see README.md and license for details.
|
|
8 *
|
|
9 * SPDX-License-Identifier: AGPL-3.0-or-later
|
|
10 * License-Filename: LICENSES/AGPL-3.0.txt
|
|
11 *
|
|
12 * Copyright (C) 2018 by via donau
|
|
13 * – Österreichische Wasserstraßen-Gesellschaft mbH
|
|
14 * Software engineering by Intevation GmbH
|
|
15 *
|
|
16 * Author(s):
|
|
17 * Thomas Junk <thomas.junk@intevation.de>
|
|
18 */
|
|
19 import { mapState } from "vuex";
|
|
20 export default {
|
|
21 name: "spacer",
|
|
22 computed: {
|
|
23 ...mapState("application", ["showSidebar"]),
|
|
24 room() {
|
|
25 return [
|
|
26 "spacer ml-3",
|
|
27 {
|
|
28 "spacer-expanded": this.showSidebar,
|
|
29 "spacer-collapsed": !this.showSidebar
|
|
30 }
|
|
31 ];
|
|
32 }
|
|
33 }
|
|
34 };
|
|
35 </script>
|
|
36
|
|
37 <style lang="scss" scoped>
|
|
38 .spacer {
|
|
39 height: 90vh;
|
|
40 }
|
|
41
|
|
42 .spacer-collapsed {
|
|
43 min-width: $icon-width + $offset;
|
|
44 transition: $transition-fast;
|
|
45 }
|
|
46
|
|
47 .spacer-expanded {
|
|
48 min-width: $sidebar-width + $offset;
|
|
49 }
|
|
50 </style>
|