Mercurial > gemma
annotate client/src/components/Spacer.vue @ 5679:03dfbe675842 sr-v2
Simplified version handling.
author | Sascha L. Teichmann <sascha.teichmann@intevation.de> |
---|---|
date | Sun, 11 Feb 2024 12:37:09 +0100 |
parents | 84d01a536bec |
children |
rev | line source |
---|---|
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 [ | |
2534
bb5286acfee2
client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents:
1609
diff
changeset
|
26 "spacer ml-2", |
1609 | 27 { |
28 "spacer-expanded": this.showSidebar, | |
29 "spacer-collapsed": !this.showSidebar | |
30 } | |
31 ]; | |
32 } | |
33 } | |
34 }; | |
35 </script> | |
36 | |
5629
84d01a536bec
Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents:
5627
diff
changeset
|
37 <style scoped> |
1609 | 38 .spacer { |
39 height: 90vh; | |
40 } | |
41 | |
42 .spacer-collapsed { | |
5627
7768f14f6535
Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents:
2534
diff
changeset
|
43 min-width: var(--icon-width) + var(--small-offset); |
7768f14f6535
Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents:
2534
diff
changeset
|
44 transition: var(--transition-fast); |
1609 | 45 } |
46 | |
47 .spacer-expanded { | |
5627
7768f14f6535
Transformed scss variables into css custom properties
Luisa Beerboom <lbeerboom@intevation.de>
parents:
2534
diff
changeset
|
48 min-width: var(--sidebar-width) + var(--small-offset); |
1609 | 49 } |
50 </style> |