Mercurial > gemma
changeset 4200:5cee71c929d1 stylesconfig
style-config: improve layout
author | Fadi Abbud <fadi.abbud@intevation.de> |
---|---|
date | Fri, 09 Aug 2019 09:51:46 +0200 |
parents | 8509d80b85a1 |
children | e564ea0ee095 |
files | client/src/components/systemconfiguration/ColorSettings.vue |
diffstat | 1 files changed, 9 insertions(+), 11 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/systemconfiguration/ColorSettings.vue Thu Aug 08 17:16:20 2019 +0200 +++ b/client/src/components/systemconfiguration/ColorSettings.vue Fri Aug 09 09:51:46 2019 +0200 @@ -2,20 +2,18 @@ <div class="d-flex flex-column py-4"> <div class="px-3 container-fluid"> <div class="row"> - <div v-for="f in features" :key="f.key" class="column n ml-4"> - <div class="row-sm-2 mt-1"> - <div v-if="f.fillColor" class="card"> - <div class="card-header small text-left"> - <translate>{{ f.name }} Fill Color</translate> - </div> - <div class="card-body p-0"> - <chrome-picker v-model="f.fillColor" /> - </div> + <div v-for="f in features" :key="f.key" class="col-sm-2 mt-2"> + <div v-if="f.fillColor" class="card"> + <div class="card-header small text-center"> + <translate>{{ f.name }} Fill Color</translate> + </div> + <div class="card-body p-0"> + <chrome-picker v-model="f.fillColor" /> </div> </div> - <div class="row-sm-2 mt-1"> + <div class="mt-2"> <div v-if="f.strokeColor" class="card"> - <div class="card-header small font-weight text-left"> + <div class="card-header small text-center"> <translate>{{ f.name }} Border Color</translate> </div> <div class="card-body p-0">