Mercurial > gemma
diff client/src/components/importoverview/AdditionalLog.vue @ 2708:cefef8234d27
import_overview: larger fonts for log and details
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Mon, 18 Mar 2019 16:38:19 +0100 |
parents | c887666b110f |
children | 5b990f612420 |
line wrap: on
line diff
--- a/client/src/components/importoverview/AdditionalLog.vue Mon Mar 18 16:24:43 2019 +0100 +++ b/client/src/components/importoverview/AdditionalLog.vue Mon Mar 18 16:38:19 2019 +0100 @@ -1,7 +1,7 @@ <template> <div class="additionallog d-flex flex-column text-left"> <div class="d-flex flex-row" v-for="(line, index) in logLines" :key="index"> - <small + <span :class="[ 'kind', { @@ -10,9 +10,9 @@ 'font-weight-bold': /warn|error/.test(line.kind) } ]" - >{{ line.kind.toUpperCase() }}</small + >{{ line.kind.toUpperCase() }}</span > - <small + <span :class="[ 'time', { @@ -21,9 +21,9 @@ 'font-weight-bold': /warn|error/.test(line.kind) } ]" - >{{ line.time }}</small + >{{ line.time }}</span > - <small + <span :class="[ 'message', { @@ -32,7 +32,7 @@ 'font-weight-bold': /warn|error/.test(line.kind) } ]" - >{{ line.message }}</small + >{{ line.message }}</span > </div> </div> @@ -70,13 +70,9 @@ overflow-y: auto; } .kind { - width: 8%; + width: 9%; } .time { - width: 24%; -} - -small { - font-size: smaller; + width: 26%; } </style>