Mercurial > gemma
diff client/src/components/Sidebar.vue @ 1517:6eec1c324a64
font-awesome fixed width icons
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Thu, 06 Dec 2018 14:07:18 +0100 |
parents | a6c2d4252bae |
children | 31c6c7bd6190 |
line wrap: on
line diff
--- a/client/src/components/Sidebar.vue Thu Dec 06 13:40:17 2018 +0100 +++ b/client/src/components/Sidebar.vue Thu Dec 06 14:07:18 2018 +0100 @@ -4,11 +4,12 @@ @click="$store.commit('application/showSidebar', !showSidebar)" class="menubutton ui-element d-print-none p-2 bg-white rounded position-absolute d-flex justify-content-center" > - <font-awesome-icon icon="bars"></font-awesome-icon> + <font-awesome-icon class="fa-fw" icon="bars"></font-awesome-icon> </div> <div class="menu text-nowrap text-left"> <router-link to="/"> <font-awesome-icon + class="fa-fw" fixed-width icon="map-marked-alt" ></font-awesome-icon> @@ -19,7 +20,11 @@ @click="toggleContextBox('bottlenecks')" href="#" > - <font-awesome-icon fixed-width icon="ship"></font-awesome-icon> + <font-awesome-icon + class="fa-fw" + fixed-width + icon="ship" + ></font-awesome-icon> <span class="fix-trans-space" v-translate>Bottlenecks</span> </a> <div v-if="isWaterwayAdmin"> @@ -28,7 +33,11 @@ @click="toggleContextBox('imports')" href="#" > - <font-awesome-icon fixed-width icon="upload"></font-awesome-icon> + <font-awesome-icon + class="fa-fw" + fixed-width + icon="upload" + ></font-awesome-icon> <span class="fix-trans-space" v-translate >Import soundingresults</span > @@ -39,6 +48,7 @@ href="#" > <font-awesome-icon + class="fa-fw" fixed-width icon="clipboard-check" ></font-awesome-icon> @@ -49,31 +59,55 @@ </small> <hr class="m-0" /> <router-link to="usermanagement"> - <font-awesome-icon fixed-width icon="users-cog"></font-awesome-icon> + <font-awesome-icon + class="fa-fw" + fixed-width + icon="users-cog" + ></font-awesome-icon> <span class="fix-trans-space" v-translate>Users</span> </router-link> </div> <div v-if="isSysAdmin"> <router-link to="systemconfiguration"> - <font-awesome-icon fixed-width icon="wrench"></font-awesome-icon> + <font-awesome-icon + class="fa-fw" + fixed-width + icon="wrench" + ></font-awesome-icon> <span class="fix-trans-space" v-translate>Configuration</span> </router-link> <router-link to="logs"> - <font-awesome-icon fixed-width icon="book"></font-awesome-icon> + <font-awesome-icon + class="fa-fw" + fixed-width + icon="book" + ></font-awesome-icon> <span class="fix-trans-space" v-translate>Logs</span> </router-link> <router-link to="importqueue"> - <font-awesome-icon fixed-width icon="tasks"></font-awesome-icon> + <font-awesome-icon + class="fa-fw" + fixed-width + icon="tasks" + ></font-awesome-icon> <span class="fix-trans-space" v-translate>Importqueue</span> </router-link> <router-link to="importschedule" v-if="this.$options.IMPORTSCHEDULE"> - <font-awesome-icon fixed-width icon="clock"></font-awesome-icon> + <font-awesome-icon + class="fa-fw" + fixed-width + icon="clock" + ></font-awesome-icon> <translate class="fix-trans-space">Importschedule</translate> </router-link> </div> <hr class="m-0" /> <a @click="logoff" href="#"> - <font-awesome-icon fixed-width icon="power-off"></font-awesome-icon> + <font-awesome-icon + class="fa-fw" + fixed-width + icon="power-off" + ></font-awesome-icon> <span class="fix-trans-space" v-translate>Logout</span> {{ user }} </a> </div>