comparison client/src/components/Sidebar.vue @ 1375:fabfffa54926

fixed main menu style Added space between icons and text.
author Markus Kottlaender <markus@intevation.de>
date Tue, 27 Nov 2018 13:04:40 +0100
parents ca33ad696594
children dea40d4cba44
comparison
equal deleted inserted replaced
1372:553aadd97087 1375:fabfffa54926
6 > 6 >
7 <font-awesome-icon icon="bars"></font-awesome-icon> 7 <font-awesome-icon icon="bars"></font-awesome-icon>
8 </div> 8 </div>
9 <div class="menu text-nowrap text-left"> 9 <div class="menu text-nowrap text-left">
10 <router-link to="/"> 10 <router-link to="/">
11 <font-awesome-icon icon="map-marked-alt" fixed-width></font-awesome-icon>Map 11 <font-awesome-icon icon="map-marked-alt" fixed-width></font-awesome-icon>
12 Map
12 </router-link> 13 </router-link>
13 <a 14 <a
14 href="#" 15 href="#"
15 @click="toggleContextBox('bottlenecks')" 16 @click="toggleContextBox('bottlenecks')"
16 :class="['secondary', { active: isActive('bottlenecks') }]" 17 :class="['secondary', { active: isActive('bottlenecks') }]"
17 > 18 >
18 <font-awesome-icon icon="ship" fixed-width></font-awesome-icon>Bottlenecks 19 <font-awesome-icon icon="ship" fixed-width></font-awesome-icon>
20 Bottlenecks
19 </a> 21 </a>
20 <div v-if="isWaterwayAdmin"> 22 <div v-if="isWaterwayAdmin">
21 <a 23 <a
22 href="#" 24 href="#"
23 @click="toggleContextBox('imports')" 25 @click="toggleContextBox('imports')"
24 :class="['secondary', { active: isActive('imports') }]" 26 :class="['secondary', { active: isActive('imports') }]"
25 > 27 >
26 <font-awesome-icon icon="upload" fixed-width></font-awesome-icon>Import soundingresults 28 <font-awesome-icon icon="upload" fixed-width></font-awesome-icon>
29 Import soundingresults
27 </a> 30 </a>
28 <a 31 <a
29 href="#" 32 href="#"
30 @click="toggleContextBox('staging')" 33 @click="toggleContextBox('staging')"
31 :class="['secondary', { active: isActive('staging') }]" 34 :class="['secondary', { active: isActive('staging') }]"
32 > 35 >
33 <font-awesome-icon icon="clipboard-check" fixed-width></font-awesome-icon>Staging area 36 <font-awesome-icon icon="clipboard-check" fixed-width></font-awesome-icon>
37 Staging area
34 </a> 38 </a>
35 <small class="text-muted pl-3">Systemadministration</small> 39 <small class="text-muted pl-3">Systemadministration</small>
36 <hr class="m-0"> 40 <hr class="m-0">
37 <router-link to="usermanagement"> 41 <router-link to="usermanagement">
38 <font-awesome-icon icon="users-cog" fixed-width></font-awesome-icon>Users 42 <font-awesome-icon icon="users-cog" fixed-width></font-awesome-icon>
43 Users
39 </router-link> 44 </router-link>
40 </div> 45 </div>
41 <div v-if="isSysAdmin"> 46 <div v-if="isSysAdmin">
42 <router-link to="systemconfiguration"> 47 <router-link to="systemconfiguration">
43 <font-awesome-icon icon="wrench" fixed-width></font-awesome-icon>Systemconfiguration 48 <font-awesome-icon icon="wrench" fixed-width></font-awesome-icon>
49 Systemconfiguration
44 </router-link> 50 </router-link>
45 <router-link to="logs"> 51 <router-link to="logs">
46 <font-awesome-icon icon="book" fixed-width></font-awesome-icon>Logs 52 <font-awesome-icon icon="book" fixed-width></font-awesome-icon>
53 Logs
47 </router-link> 54 </router-link>
48 <router-link to="importqueue"> 55 <router-link to="importqueue">
49 <font-awesome-icon icon="tasks" fixed-width></font-awesome-icon>Importqueue 56 <font-awesome-icon icon="tasks" fixed-width></font-awesome-icon>
57 Importqueue
50 </router-link> 58 </router-link>
51 </div> 59 </div>
52 <hr class="m-0"> 60 <hr class="m-0">
53 <a href="#" @click="logoff"> 61 <a href="#" @click="logoff">
54 <font-awesome-icon icon="power-off" fixed-width></font-awesome-icon> 62 <font-awesome-icon icon="power-off" fixed-width></font-awesome-icon>