aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/views
diff options
context:
space:
mode:
authorpacien2022-11-28 02:51:29 +0100
committerpacien2022-11-28 02:51:29 +0100
commit7874bb98ed38468c77d003ccf5f81130353254e0 (patch)
tree381f7b3cbb61f30e2978073348aa8362c79fbe66 /viewer/src/views
parentf6ce45309e3d0c2b165aaa1d4d3ac24ba08d466f (diff)
downloadldgallery-7874bb98ed38468c77d003ccf5f81130353254e0.tar.gz
viewer/epub: use icons for navigation
Diffstat (limited to 'viewer/src/views')
-rw-r--r--viewer/src/views/item_handlers/async/AsyncEpubViewer.vue22
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';
59import { SpineItem } from 'epubjs/types/section'; 73import { SpineItem } from 'epubjs/types/section';
60import { computed, PropType, Ref, ref, toRef, watch } from 'vue'; 74import { computed, PropType, Ref, ref, toRef, watch } from 'vue';
61import { useI18n } from 'vue-i18n'; 75import { useI18n } from 'vue-i18n';
76import {
77 faSquareCaretLeft,
78 faSquareCaretRight,
79} from '@fortawesome/free-solid-svg-icons';
62 80
63const { t } = useI18n(); 81const { t } = useI18n();
64const uiStore = useUiStore(); 82const uiStore = useUiStore();