Improve dark style slightly

This commit is contained in:
Matthias 2021-03-19 08:43:32 +01:00
parent 25bf80420b
commit 78ab25a7b5
4 changed files with 11 additions and 15 deletions

View File

@ -1,5 +1,5 @@
<template>
<b-card class="row">
<b-card>
<b-list-group class="col-mb-4" horizontal="md">
<b-form-group label="Start date" label-for="dp_dateFrom">
<b-input-group>

View File

@ -11,8 +11,8 @@
<b-collapse id="nav-collapse" is-nav>
<b-navbar-nav>
<b-nav-item to="/trade">Trade</b-nav-item>
<b-nav-item to="/dashboard">Dashboard</b-nav-item>
<!-- <b-nav-item to="/graph">Graph</b-nav-item> -->
<b-nav-item to="/dashboard">Dashboard</b-nav-item>
<BootswatchThemeSelect />
</b-navbar-nav>
<!-- Right aligned nav items -->

View File

@ -17,6 +17,8 @@
}
.card {
border-color: lighten($bg-dark, 10%);
background-color: $bg-dark;
}
.card-body {
background: $bg-dark;

View File

@ -1,16 +1,14 @@
<template>
<div class="container-fluid">
<div class="row mb-2">
<div class="col-mb-2">
<b-checkbox v-model="historicView">HistoricData</b-checkbox>
</div>
<div class="d-flex flex-column h-100">
<div class="mr-auto ml-3">
<b-checkbox v-model="historicView">HistoricData</b-checkbox>
</div>
<div v-if="historicView" class="mt-2 row">
<div v-if="historicView" class="mx-3 mt-2 d-flex">
<TimeRangeSelect v-model="timerange" class="col-md-4 mr-2"></TimeRangeSelect>
<StrategyList v-model="strategy" class="col-md-2"></StrategyList>
<StrategyList v-model="strategy" class="col-md-3"></StrategyList>
</div>
<div class="row chart-row">
<div class="flex-fill mx-2 mt-1">
<CandleChartContainer
:available-pairs="historicView ? pairlist : whitelist"
:historic-view="historicView"
@ -70,8 +68,4 @@ export default class Graphs extends Vue {
}
</script>
<style scoped>
.chart-row {
height: 820px;
}
</style>
<style scoped></style>