Mercurial > gemma
changeset 1150:7acd24889f1d
used fontawesome icons for zoom buttons
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Tue, 13 Nov 2018 11:44:46 +0100 |
parents | cc854d5dc96e |
children | a499f450420e |
files | client/src/zoom/zoom.vue |
diffstat | 1 files changed, 6 insertions(+), 2 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/zoom/zoom.vue Tue Nov 13 11:37:06 2018 +0100 +++ b/client/src/zoom/zoom.vue Tue Nov 13 11:44:46 2018 +0100 @@ -1,7 +1,11 @@ <template> <div class="d-flex buttoncontainer shadow" :style="showSplitscreen ? 'margin-bottom: 51vh' : ''"> - <button class="zoomButton rounded-left ui-element border-right" @click="zoomIn">+</button> - <button class="zoomButton rounded-right ui-element" @click="zoomOut">-</button> + <button class="zoomButton rounded-left ui-element border-right" @click="zoomIn"> + <i class="fa fa-plus"></i> + </button> + <button class="zoomButton rounded-right ui-element" @click="zoomOut"> + <i class="fa fa-minus"></i> + </button> </div> </template>