Simplify prev/next buttons, and add tooltip

This commit is contained in:
Peter 2024-11-11 18:48:08 -06:00
parent e69b5691e7
commit c831e4596d

View File

@ -13,8 +13,9 @@
team2Abbreviation: adjacentGames!.team1prevGame!.home_team.abbrev
}
}" v-slot="{ href, navigate }">
<button :href="href" @click="navigate">
&lt;&lt;Prev
<button :href="href" @click="navigate" class="btn btn-sm btn-primary mx-1"
:title="`Previous ${awayTeamAbbreviation} Game`">
&lt;&lt;
</button>
</RouterLink>
<RouterLink v-if="awayTeamAbbreviation && awayTeamThumbnail"
@ -30,8 +31,9 @@
team2Abbreviation: adjacentGames!.team1nextGame!.home_team.abbrev
}
}" v-slot="{ href, navigate }">
<button :href="href" @click="navigate">
Next&gt;&gt;
<button :href="href" @click="navigate" class="btn btn-sm btn-primary mx-1"
:title="`Next ${awayTeamAbbreviation} Game`">
&gt;&gt;
</button>
</RouterLink>
</div>
@ -51,8 +53,9 @@
team2Abbreviation: adjacentGames!.team2prevGame!.home_team.abbrev
}
}" v-slot="{ href, navigate }">
<button :href="href" @click="navigate">
&lt;&lt;Prev
<button :href="href" @click="navigate" class="btn btn-sm btn-primary mx-1"
:title="`Previous ${homeTeamAbbreviation} Game`">
&lt;&lt;
</button>
</RouterLink>
<RouterLink v-if="homeTeamAbbreviation && homeTeamThumbnail"
@ -68,8 +71,9 @@
team2Abbreviation: adjacentGames!.team2nextGame!.home_team.abbrev
}
}" v-slot="{ href, navigate }">
<button :href="href" @click="navigate">
Next&gt;&gt;
<button :href="href" @click="navigate" class="btn btn-sm btn-primary mx-1"
:title="`Next ${homeTeamAbbreviation} Game`">
&gt;&gt;
</button>
</RouterLink>
</div>