Mercurial > gemma

comparison client/src/components/admin/Systemconfiguration.vue @ 1449:bb47531bdd22

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
sass to scss
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 03 Dec 2018 10:19:59 +0100
parents acb71a982837
children 33dda08d67be
comparison
equal deleted inserted replaced
1448:ef388dcbb946 1449:bb47531bdd22
1 <template> 1 <template>
2 <div class="d-flex flex-row"> 2 <div class="d-flex flex-row">
3 <div class="card sysconfig mt-3 mx-auto"> 3 <div class="card sysconfig mt-3 mx-auto">
4 <div class="card-header shadow-sm text-white bg-info mb-6"><translate>Systemconfiguration</translate></div> 4 <div class="card-header shadow-sm text-white bg-info mb-6">
5 <translate>Systemconfiguration</translate>
6 </div>
5 <div class="card-body config"> 7 <div class="card-body config">
6 <section class="configsection"> 8 <section class="configsection">
7 <h4 class="card-title"><translate>Bottleneck Areas stroke-color</translate></h4> 9 <h4 class="card-title">
10 <translate>Bottleneck Areas stroke-color</translate>
11 </h4>
8 <compact-picker v-model="strokeColor"/> 12 <compact-picker v-model="strokeColor"/>
9 </section> 13 </section>
10 <section> 14 <section>
11 <h4 class="card-title"><translate>Bottleneck Areas fill-color</translate></h4> 15 <h4 class="card-title">
16 <translate>Bottleneck Areas fill-color</translate>
17 </h4>
12 <chrome-picker v-model="fillColor"/> 18 <chrome-picker v-model="fillColor"/>
13 </section> 19 </section>
14 <div class="sendbutton"> 20 <div class="sendbutton">
15 <a @click.prevent="submit" class="btn btn-info"><translate>Send</translate></a> 21 <a @click.prevent="submit" class="btn btn-info">
22 <translate>Send</translate>
23 </a>
16 </div> 24 </div>
17 </div> 25 </div>
18 <!-- card-body --> 26 <!-- card-body -->
19 </div> 27 </div>
20 </div> 28 </div>
21 </template> 29 </template>
22 30
23 <style scoped lang="sass"> 31 <style scoped lang="scss">
24 .config 32 .config {
25 text-align: left 33 text-align: left;
34 }
26 35
27 .configsection 36 .configsection {
28 margin-bottom: $large-offset 37 margin-bottom: $large-offset;
38 }
29 39
30 .sendbutton 40 .sendbutton {
31 position: absolute 41 position: absolute;
32 right: $offset 42 right: $offset;
33 bottom: $offset 43 bottom: $offset;
44 }
34 45
35 .inputs 46 .inputs {
36 margin-left: auto 47 margin-left: auto;
37 margin-right: auto 48 margin-right: auto;
49 }
38 50
39 .sysconfig 51 .sysconfig {
40 width: 30vw 52 width: 30vw;
53 }
41 </style> 54 </style>
42 55
43 <script> 56 <script>
44 /* This is Free Software under GNU Affero General Public License v >= 3.0 57 /* This is Free Software under GNU Affero General Public License v >= 3.0
45 * without warranty, see README.md and license for details. 58 * without warranty, see README.md and license for details.