Mercurial > gemma

comparison client/src/App.vue @ 1217:ba8cd80d68b6

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
made more use of bootstrap classes instead of custom css
author Markus Kottlaender <markus@intevation.de>
date Mon, 19 Nov 2018 15:20:22 +0100
parents f14293893430
children 957907eaaa72
comparison
equal deleted inserted replaced
1216:1c7806728172 1217:ba8cd80d68b6
1 <template> 1 <template>
2 <div id="app" class="main"> 2 <div id="app" class="main">
3 <div v-if="isAuthenticated" class="d-flex flex-column userinterface"> 3 <div v-if="isAuthenticated" class="d-flex flex-column userinterface">
4 <div class="topbar d-flex"> 4 <div class="topbar d-flex pt-3 mx-3">
5 <div class="mr-auto d-flex"> 5 <div class="mr-auto d-flex">
6 <Sidebar :routeName="routeName"></Sidebar> 6 <Sidebar :routeName="routeName"></Sidebar>
7 <div class="d-flex flex-column" style="max-width: 600px;"> 7 <div class="d-flex flex-column" style="max-width: 600px;">
8 <Search v-if="routeName == 'mainview'"></Search> 8 <Search v-if="routeName == 'mainview'"></Search>
9 <Bottlenecks v-if="routeName == 'mainview'"></Bottlenecks> 9 <Bottlenecks v-if="routeName == 'mainview'"></Bottlenecks>
39 width: 100vw 39 width: 100vw
40 z-index: 4 40 z-index: 4
41 pointer-events: none 41 pointer-events: none
42 42
43 .topbar 43 .topbar
44 padding-top: $offset
45 margin-left: $offset
46 margin-right: $offset
47 position: relative 44 position: relative
48 z-index: 2 45 z-index: 2
49 46
50 #app 47 #app
51 height: 100vh 48 height: 100vh