diff options
Diffstat (limited to 'src/views/_sila/Fans/Dynamic')
-rw-r--r-- | src/views/_sila/Fans/Dynamic/FanSpeed.vue | 97 | ||||
-rw-r--r-- | src/views/_sila/Fans/Dynamic/FansDynamicPage.vue | 1 |
2 files changed, 46 insertions, 52 deletions
diff --git a/src/views/_sila/Fans/Dynamic/FanSpeed.vue b/src/views/_sila/Fans/Dynamic/FanSpeed.vue index f8dbcca2..b597db8a 100644 --- a/src/views/_sila/Fans/Dynamic/FanSpeed.vue +++ b/src/views/_sila/Fans/Dynamic/FanSpeed.vue @@ -1,13 +1,10 @@ <template> - <div class="custom-divider" style="margin-top: 0"> - <b-button - variant="collapse" - class="d-flex flex-nowrap justify-content-start" - > + <div> + <b-col class="d-flex flex-nowrap align-items-center page-divider"> <img src="@/assets/images/_sila/collapsed/fan.svg" /> {{ $t('pageFans.speed') }} - </b-button> - <b-row class="align-items-end p-4"> + </b-col> + <b-row class="align-items-end limit-container"> <b-col xs="12" md="4" class="pt-2"> <b-form-group :label="$t('pageFans.labels.warning')"> <b-form-input v-model="warning" type="number" :min="0" :max="3150"> @@ -30,51 +27,49 @@ </b-button> </b-col> </b-row> - <b-col class="pl-4 pr-4"> - <chart - type="fans" - :colors="colors" - :time-scale="timeScale" - :data="filteredSensors" - :warning="warning" - :shutdown="shutdown" - ></chart> + <chart + type="fans" + :colors="colors" + :time-scale="timeScale" + :data="filteredSensors" + :warning="warning" + :shutdown="shutdown" + ></chart> - <b-table - v-if="items && items.length > 0" - responsive="md" - show-empty - table-variant="accessory" - hover - :items="items" - :fields="fields" - :empty-text="$t('global.table.emptyMessage')" - > - <template #cell(name)="{ value, index }"> - <div - class="item-color" - :style="`background-color: ${colors[index]}`" - ></div> - {{ value }} - </template> - <template #cell(minDate)="{ value }"> - <span style="color: rgb(12, 28, 41)"> - {{ value.time }} - </span> - <span> - {{ value.date }} - </span> - </template> - <template #cell(maxDate)="{ value }"> - <span style="color: rgb(12, 28, 41)"> - {{ value.time }} - </span> - <span> - {{ value.date }} - </span> - </template> - </b-table> - </b-col> + <b-table + v-if="items && items.length > 0" + responsive="md" + show-empty + table-variant="accessory" + hover + :items="items" + :fields="fields" + :empty-text="$t('global.table.emptyMessage')" + > + <template #cell(name)="{ value, index }"> + <div + class="item-color" + :style="`background-color: ${colors[index]}`" + ></div> + {{ value }} + </template> + <template #cell(minDate)="{ value }"> + <span style="color: rgb(12, 28, 41)"> + {{ value.time }} + </span> + <span> + {{ value.date }} + </span> + </template> + <template #cell(maxDate)="{ value }"> + <span style="color: rgb(12, 28, 41)"> + {{ value.time }} + </span> + <span> + {{ value.date }} + </span> + </template> + </b-table> </div> </template> <script> diff --git a/src/views/_sila/Fans/Dynamic/FansDynamicPage.vue b/src/views/_sila/Fans/Dynamic/FansDynamicPage.vue index 4e128089..8be848d5 100644 --- a/src/views/_sila/Fans/Dynamic/FansDynamicPage.vue +++ b/src/views/_sila/Fans/Dynamic/FansDynamicPage.vue @@ -4,7 +4,6 @@ <table-date-picker :switch-time-scale="switchTimeScale" :time-scale="timeScale" - style="margin: -2rem -2rem 0 -2rem" /> <fan-speed :time-scale="timeScale"></fan-speed> </b-container> |