Mercurial > gemma

comparison client/src/views/Main.vue @ 551:89bc8111563a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
refac: Layout adjustments
author Thomas Junk <thomas.junk@intevation.de>
date Fri, 31 Aug 2018 14:12:00 +0200
parents 505656a9947f
children
comparison
equal deleted inserted replaced
550:06907c875077 551:89bc8111563a
1 <template> 1 <template>
2 <div class="main d-flex flex-column"> 2 <div class="main d-flex flex-column">
3 <Topbar></Topbar> 3 <Maplayer :lat="6155376" :long="1819178" :zoom="11"></Maplayer>
4 <Sidebar></Sidebar> 4 </div>
5 <Maplayer :lat="6155376" :long="1819178" :zoom="11"></Maplayer>
6 </div>
7 </template> 5 </template>
8 6
9 <style lang="scss"> 7 <style lang="scss">
10 @import "../assets/application.scss"; 8 @import "../assets/application.scss";
11 .topbar {
12 background-color: white;
13 height: $topbarheight;
14 z-index: 10;
15 }
16 9
17 .menubutton { 10 .menubutton {
18 margin-left: $small-offset; 11 margin-left: $small-offset;
19 } 12 }
20 </style> 13 </style>
21 14
22 <script> 15 <script>
23 import Maplayer from "../components/Maplayer"; 16 import Maplayer from "../components/Maplayer";
24 import Sidebar from "../components/Sidebar"; 17
25 import Topbar from "../components/Topbar";
26 export default { 18 export default {
27 name: "mainview", 19 name: "mainview",
28 components: { 20 components: {
29 Maplayer, 21 Maplayer
30 Sidebar,
31 Topbar
32 } 22 }
33 }; 23 };
34 </script> 24 </script>