xevion/the-office
1
0
Fork 0
mirror of https://github.com/Xevion/the-office.git synced 2025-12-16 16:13:34 -06:00
Code Issues Packages Projects Releases Wiki Activity

add router link via caret right icon

Browse Source
This commit is contained in:
Xevion
2020-09-14 09:51:17 -05:00
parent 8a6cd3912a
commit 7755cc6464
1 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
client/src/components/Season.vue
View File

@@ -9,7 +9,13 @@
<b-img src="https://via.placeholder.com/150"></b-img> <b-img src="https://via.placeholder.com/150"></b-img>
</b-col> </b-col>
<b-col> <b-col>
<h4>{{ episode.title }}</h4> <h4>
{{ episode.title }}
<router-link class="no-link"
:to="getEpisodeRoute(season.season_id, episode.episode_id)">
<b-icon class="h6" icon="caret-right-fill"></b-icon>
</router-link>
</h4>
<p class="pl-3">{{ episode.description }}</p> <p class="pl-3">{{ episode.description }}</p>
</b-col> </b-col>
</b-row> </b-row>
@@ -19,8 +25,22 @@
</div> </div>
</template> </template>
<style lang="css">
h4 .b-icon {
font-size: 0.85rem;
vertical-align: middle !important;
position: relative;
top: 3px;
}
</style>
<script> <script>
export default { export default {
methods: {
getEpisodeRoute(s, e) {
return {name: 'Episode', params: {season: s, episode: e}}
}
},
computed: { computed: {
breadcrumbs() { breadcrumbs() {
return [ return [