cal/sba-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Simplify prev/next buttons, and add tooltip

Browse Source
This commit is contained in:
Peter 2024-11-11 18:48:08 -06:00
parent e69b5691e7
commit c831e4596d
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/GameView.vue
View File

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