Selectively reduce fontsize of tables and log

This commit is contained in:
Matthias 2020-09-04 17:04:09 +02:00
parent ec8d030ea7
commit 5f9220802c
7 changed files with 21 additions and 7 deletions

View File

@ -33,10 +33,11 @@ export default class LogViewer extends Vue {
} }
</script> </script>
<style scoped> <style lang="scss" scoped>
textarea { textarea {
width: 100%; width: 100%;
min-height: 6em; min-height: 6em;
resize: none; resize: none;
font-size: $fontsize-small;
} }
</style> </style>

View File

@ -26,14 +26,14 @@ export default class ProfitSymbol extends Vue {
width: 0; width: 0;
height: 0; height: 0;
border-style: solid; border-style: solid;
border-width: 0 0.5rem 0.9rem 0.5rem; border-width: 0 0.45rem 0.7rem 0.45rem;
border-color: transparent transparent #00db58 transparent; border-color: transparent transparent #00db58 transparent;
} }
.triangle-down { .triangle-down {
width: 0; width: 0;
height: 0; height: 0;
border-style: solid; border-style: solid;
border-width: 0.9rem 0.5rem 0 0.5rem; border-width: 0.7rem 0.45rem 0 0.45rem;
border-color: #ff0000 transparent transparent transparent; border-color: #ff0000 transparent transparent transparent;
} }
</style> </style>

View File

@ -189,8 +189,11 @@ export default class TradeList extends Vue {
} }
</script> </script>
<style scoped> <style lang="scss" scoped>
.card-body { .card-body {
padding: 0 0.2em; padding: 0 0.2em;
} }
.table-sm {
font-size: $fontsize-small;
}
</style> </style>

View File

@ -1 +1,4 @@
// variables created for the project and not overwrite of bootstrap // variables created for the project and not overwrite of bootstrap
$fontsize-small: 0.9rem;

View File

@ -7,4 +7,11 @@ module.exports = {
}, },
}, },
}, },
css: {
loaderOptions: {
sass: {
additionalData: `@import "@/styles/_variables.scss";`,
},
},
},
}; };