This commit is contained in:
Julien Calixte
2019-10-12 12:27:02 +02:00

View File

@@ -1,7 +1,6 @@
<template> <template>
<div class="tag-list columns is-multiline is-centered"> <div class="tag-list columns is-multiline is-centered">
<div class="column is-half"> <div class="column legend-container">
<h3 class="subtitle is-3">Légende</h3>
<table class="table"> <table class="table">
<tr <tr
v-for="(slice, k) in slices" v-for="(slice, k) in slices"
@@ -19,14 +18,12 @@
</tr> </tr>
</table> </table>
</div> </div>
<div class="column is-half"> <div class="column">
<h3 class="subtitle is-3">Graphique</h3>
<div class="chart-container"> <div class="chart-container">
<chart-pie :slices="slices" /> <chart-pie :slices="slices" />
</div> </div>
</div> </div>
<div class="column is-12"> <div class="column is-12">
<h3 class="subtitle is-3">Détails</h3>
<div class="field has-addons has-addons-centered is-narrow"> <div class="field has-addons has-addons-centered is-narrow">
<div class="control" v-if="filterCategory"> <div class="control" v-if="filterCategory">
<button type="submit" class="button" @click="filterCategory = ''"> <button type="submit" class="button" @click="filterCategory = ''">
@@ -194,6 +191,9 @@ export default class TagList extends Vue {
.chart-container { .chart-container {
padding: 15px; padding: 15px;
} }
.legend-container {
display: flex;
}
.legend { .legend {
font-weight: bold; font-weight: bold;
font-size: 16pt; font-size: 16pt;