diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2018-05-21 13:15:57 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2018-12-13 16:59:33 +0100 |
| commit | e10b37b0ca0367117748ad902aea78c320f8fc20 (patch) | |
| tree | da183667907d09fadeb369fc10dae5e5c4a40bdd | |
| parent | aea0fa999fd09951835b2d74c53137624f46929e (diff) | |
| download | brokentalents-e10b37b0ca0367117748ad902aea78c320f8fc20.tar.gz brokentalents-e10b37b0ca0367117748ad902aea78c320f8fc20.zip | |
Add mouseovers
| -rw-r--r-- | src/HeroImage.vue | 5 | ||||
| -rw-r--r-- | src/Home.vue | 2 | ||||
| -rw-r--r-- | src/TalentImage.vue | 4 |
3 files changed, 8 insertions, 3 deletions
diff --git a/src/HeroImage.vue b/src/HeroImage.vue index fc1c677..4dd7672 100644 --- a/src/HeroImage.vue +++ b/src/HeroImage.vue @@ -1,6 +1,9 @@ <template> <figure class="image"> - <img :src="`dist/assets/hero-icons/${hero.toLowerCase()}.png`" :style="round? 'border-radius: 50%' : ''"> + <img :src="`dist/assets/hero-icons/${hero.toLowerCase()}.png`" + :style="round? 'border-radius: 50%' : ''" + :alt="hero" + :title="hero"> </figure> </template> diff --git a/src/Home.vue b/src/Home.vue index 4983b5a..69de621 100644 --- a/src/Home.vue +++ b/src/Home.vue @@ -1,6 +1,6 @@ <template> <b-tabs v-model="tabIndex" expanded type="is-toggle"> - <b-tab-item v-for="mode in modes" :label="getMode(mode)"> + <b-tab-item v-for="mode in modes" :label="getMode(mode)" :key="mode"> <mode-tab :reportService="reportService"></mode-tab> </b-tab-item> </b-tabs> diff --git a/src/TalentImage.vue b/src/TalentImage.vue index 3e3c2db..b409e53 100644 --- a/src/TalentImage.vue +++ b/src/TalentImage.vue @@ -1,7 +1,9 @@ <template> <div v-if="rarity !== 'unknown' && rarity" class="talent-image" - :style="`background-image: url('dist/assets/talent-icons-small/${hero}/${hero}_${rarity}.png'); width: ${size}px; height: ${size}px`"> + :style="`background-image: url('dist/assets/talent-icons-small/${hero}/${hero}_${rarity}.png'); width: ${size}px; height: ${size}px`" + :alt="`${hero} ${rarity}`" + :title="`${hero} ${rarity}`"> </div> </template> |