diff options
-rw-r--r-- | viewer/src/views/item_handlers/async/AsyncEpubViewer.vue | 22 |
1 files changed, 20 insertions, 2 deletions
diff --git a/viewer/src/views/item_handlers/async/AsyncEpubViewer.vue b/viewer/src/views/item_handlers/async/AsyncEpubViewer.vue index 20b1bee..2d5c370 100644 --- a/viewer/src/views/item_handlers/async/AsyncEpubViewer.vue +++ b/viewer/src/views/item_handlers/async/AsyncEpubViewer.vue | |||
@@ -34,7 +34,14 @@ | |||
34 | <a | 34 | <a |
35 | v-if="prevSection" | 35 | v-if="prevSection" |
36 | @click.prevent="goToPrevSection" | 36 | @click.prevent="goToPrevSection" |
37 | >« {{ prevSectionLabel }}</a> | 37 | > |
38 | <fa-icon | ||
39 | :icon="faSquareCaretLeft" | ||
40 | size="lg" | ||
41 | alt="«" | ||
42 | /> | ||
43 | {{ prevSectionLabel }} | ||
44 | </a> | ||
38 | </li> | 45 | </li> |
39 | 46 | ||
40 | <li> | 47 | <li> |
@@ -45,7 +52,14 @@ | |||
45 | <a | 52 | <a |
46 | v-if="nextSection" | 53 | v-if="nextSection" |
47 | @click.prevent="goToNextSection" | 54 | @click.prevent="goToNextSection" |
48 | >{{ nextSectionLabel }} »</a> | 55 | > |
56 | {{ nextSectionLabel }} | ||
57 | <fa-icon | ||
58 | :icon="faSquareCaretRight" | ||
59 | size="lg" | ||
60 | alt="»" | ||
61 | /> | ||
62 | </a> | ||
49 | </li> | 63 | </li> |
50 | </ul> | 64 | </ul> |
51 | </div> | 65 | </div> |
@@ -59,6 +73,10 @@ import ePub, { Rendition } from 'epubjs'; | |||
59 | import { SpineItem } from 'epubjs/types/section'; | 73 | import { SpineItem } from 'epubjs/types/section'; |
60 | import { computed, PropType, Ref, ref, toRef, watch } from 'vue'; | 74 | import { computed, PropType, Ref, ref, toRef, watch } from 'vue'; |
61 | import { useI18n } from 'vue-i18n'; | 75 | import { useI18n } from 'vue-i18n'; |
76 | import { | ||
77 | faSquareCaretLeft, | ||
78 | faSquareCaretRight, | ||
79 | } from '@fortawesome/free-solid-svg-icons'; | ||
62 | 80 | ||
63 | const { t } = useI18n(); | 81 | const { t } = useI18n(); |
64 | const uiStore = useUiStore(); | 82 | const uiStore = useUiStore(); |