diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2018-05-12 10:41:30 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2018-12-13 16:59:22 +0100 |
| commit | 919206c153aad4b3a158597e7519cf9f9addc262 (patch) | |
| tree | 1f3eb37410776f69c639f5aef8b48b9a7ba34ee0 /src/ReportTable.vue | |
| parent | f8f702fbce2c9a5460437b3dca199d606ea088cc (diff) | |
| download | brokentalents-919206c153aad4b3a158597e7519cf9f9addc262.tar.gz brokentalents-919206c153aad4b3a158597e7519cf9f9addc262.zip | |
ReportTable: improve responsiveness
Diffstat (limited to 'src/ReportTable.vue')
| -rw-r--r-- | src/ReportTable.vue | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/src/ReportTable.vue b/src/ReportTable.vue index 231f15c..f36dac9 100644 --- a/src/ReportTable.vue +++ b/src/ReportTable.vue @@ -6,16 +6,18 @@ <template slot-scope="props"> <b-table-column field="Actor" label="Hero" sortable> <div style="display: flex; align-items: center"> - <figure class="image is-48x48" style="padding: 5px;"> - <img style="border-radius: 50%;" :src="'dist/assets/hero-icons/' + getHero(props.row.Actor).toLowerCase() + '.png'" :alt="getHero(props.row.Actor)"> + <figure class="image is-48x48" style="padding: 5px; display: flex; align-items: center;"> + <img style="border-radius: 50%;" + :src="'dist/assets/hero-icons/' + getHero(props.row.Actor).toLowerCase() + '.png'" + :alt="getHero(props.row.Actor)"> </figure> - {{ getHero(props.row.Actor) }} + <span>{{ getHero(props.row.Actor) }}</span> </div> </b-table-column> <b-table-column field="Talent" label="Talent"> <div style="display: flex; align-items: center; justify-content: space-between;"> - {{ getTalentName(props.row.Talent) }} + <span>{{ getTalentName(props.row.Talent) }}</span> <talent-image :entry="props.row" :size="48"></talent-image> </div> </b-table-column> |