julien/vaquant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 (account) remove transition :'(

Browse Source
This commit is contained in:
Julien Calixte
2019-12-29 11:50:31 +01:00
parent bdf854c7a5
commit 565f91600a
2 changed files with 69 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/components/TagList.vue
View File

@@ -1,29 +1,31 @@
<template>
<div class="tag-list columns is-multiline is-centered">
<div class="column legend-container">
<table class="table">
<tr
v-for="(slice, k) in slices"
:key="k"
:style="legendStyle(slice)"
class="legend-item"
>
<td>
<awe-icon :icon="categories[slice.key].tag.icon" />
</td>
<td class="legend-label">{{ slice.label }}</td>
<td class="percent-label numeric">
{{ Math.round(slice.percent * 100) }}%
</td>
</tr>
</table>
</div>
<div class="column">
<div class="chart-container">
<chart-pie :slices="slices" />
<div class="tag-list">
<div class="columns">
<div class="column legend-container">
<table class="table is-fullwidth">
<tr
v-for="(slice, k) in slices"
:key="k"
:style="legendStyle(slice)"
class="legend-item"
>
<td>
<awe-icon :icon="categories[slice.key].tag.icon" />
</td>
<td class="legend-label">{{ slice.label }}</td>
<td class="percent-label numeric">
{{ Math.round(slice.percent * 100) }}%
</td>
</tr>
</table>
</div>
<div class="column">
<div class="chart-container">
<chart-pie :slices="slices" />
</div>
</div>
</div>
<div class="column is-12">
<div>
<div class="field has-addons has-addons-centered is-narrow">
<div class="control" v-if="filterCategory">
<button type="submit" class="button" @click="filterCategory = ''">
@@ -191,6 +193,9 @@ export default class TagList extends Vue {
}
.legend-container {
display: flex;
table {
max-width: 400px;
}
}
.legend {
font-weight: bold;