Mercurial > gemma
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> |