changeset 3035:5d7db2ea16c8

client: panes: changed style and added components to be displayed in panes
author Markus Kottlaender <markus@intevation.de>
date Fri, 12 Apr 2019 14:51:23 +0200
parents 5cdfbca19776
children 7f12a87c56ff
files client/src/components/Main.vue
diffstat 1 files changed, 11 insertions(+), 10 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/Main.vue	Fri Apr 12 13:35:22 2019 +0200
+++ b/client/src/components/Main.vue	Fri Apr 12 14:51:23 2019 +0200
@@ -97,17 +97,14 @@
 
 <style lang="sass" scoped>
 #panes
-  top: -1.5px
-  right: -1.5px
-  bottom: -1.5px
-  left: -1.5px
+  top: -0.5px
+  right: -0.5px
+  bottom: -0.5px
+  left: -0.5px
   z-index: 1
   .pane
-    border: solid 1.5px #fff
-    background-color: #eee
-    background-image: linear-gradient(45deg, #e8e8e8 25%, transparent 25%, transparent 75%, #e8e8e8 75%, #e8e8e8), linear-gradient(45deg, #e8e8e8 25%, transparent 25%, transparent 75%, #e8e8e8 75%, #e8e8e8)
-    background-size: 20px 20px
-    background-position: 0 0, 10px 10px
+    border: solid 0.5px #fff
+    background: #fff
 </style>
 
 <script>
@@ -131,7 +128,11 @@
 export default {
   components: {
     // all components that are supposed to be displayed in a pane must be registered here
-    Map: () => import("./map/Map")
+    Map: () => import("./map/Map"),
+    Fairwayprofile: () => import("./fairway/Fairwayprofile"),
+    AvailableFairwayDepth: () => import("./fairway/AvailableFairwayDepth"),
+    Waterlevel: () => import("./gauge/Waterlevel"),
+    HydrologicalConditions: () => import("./gauge/HydrologicalConditions")
   },
   computed: {
     ...mapState("application", ["panes", "paneMode"])