Mercurial > gemma
changeset 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 | 553aadd97087 |
children | e27176811d2f |
files | client/src/components/Sidebar.vue |
diffstat | 1 files changed, 16 insertions(+), 8 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/Sidebar.vue Tue Nov 27 12:59:26 2018 +0100 +++ b/client/src/components/Sidebar.vue Tue Nov 27 13:04:40 2018 +0100 @@ -8,14 +8,16 @@ </div> <div class="menu text-nowrap text-left"> <router-link to="/"> - <font-awesome-icon icon="map-marked-alt" fixed-width></font-awesome-icon>Map + <font-awesome-icon icon="map-marked-alt" fixed-width></font-awesome-icon> + Map </router-link> <a href="#" @click="toggleContextBox('bottlenecks')" :class="['secondary', { active: isActive('bottlenecks') }]" > - <font-awesome-icon icon="ship" fixed-width></font-awesome-icon>Bottlenecks + <font-awesome-icon icon="ship" fixed-width></font-awesome-icon> + Bottlenecks </a> <div v-if="isWaterwayAdmin"> <a @@ -23,30 +25,36 @@ @click="toggleContextBox('imports')" :class="['secondary', { active: isActive('imports') }]" > - <font-awesome-icon icon="upload" fixed-width></font-awesome-icon>Import soundingresults + <font-awesome-icon icon="upload" fixed-width></font-awesome-icon> + Import soundingresults </a> <a href="#" @click="toggleContextBox('staging')" :class="['secondary', { active: isActive('staging') }]" > - <font-awesome-icon icon="clipboard-check" fixed-width></font-awesome-icon>Staging area + <font-awesome-icon icon="clipboard-check" fixed-width></font-awesome-icon> + Staging area </a> <small class="text-muted pl-3">Systemadministration</small> <hr class="m-0"> <router-link to="usermanagement"> - <font-awesome-icon icon="users-cog" fixed-width></font-awesome-icon>Users + <font-awesome-icon icon="users-cog" fixed-width></font-awesome-icon> + Users </router-link> </div> <div v-if="isSysAdmin"> <router-link to="systemconfiguration"> - <font-awesome-icon icon="wrench" fixed-width></font-awesome-icon>Systemconfiguration + <font-awesome-icon icon="wrench" fixed-width></font-awesome-icon> + Systemconfiguration </router-link> <router-link to="logs"> - <font-awesome-icon icon="book" fixed-width></font-awesome-icon>Logs + <font-awesome-icon icon="book" fixed-width></font-awesome-icon> + Logs </router-link> <router-link to="importqueue"> - <font-awesome-icon icon="tasks" fixed-width></font-awesome-icon>Importqueue + <font-awesome-icon icon="tasks" fixed-width></font-awesome-icon> + Importqueue </router-link> </div> <hr class="m-0">