@hanology/cham-browser 0.4.23 → 0.4.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -518,8 +518,24 @@ onBeforeUnmount(() => {
|
|
|
518
518
|
}
|
|
519
519
|
|
|
520
520
|
@media (max-width: 768px) {
|
|
521
|
+
/* Vertical mode on mobile: keep left sidebar, not bottom sheet */
|
|
522
|
+
.ann-pane.vertical {
|
|
523
|
+
width: 80vw !important;
|
|
524
|
+
height: 100vh !important;
|
|
525
|
+
max-height: none !important;
|
|
526
|
+
top: 0 !important;
|
|
527
|
+
bottom: auto !important;
|
|
528
|
+
border-right: 1px solid var(--border) !important;
|
|
529
|
+
border-top: none !important;
|
|
530
|
+
border-radius: 0 !important;
|
|
531
|
+
box-shadow: 4px 0 24px rgba(var(--shadow-rgb), 0.06) !important;
|
|
532
|
+
}
|
|
521
533
|
.ann-pane.vertical .ann-pane-handle {
|
|
522
|
-
display:
|
|
534
|
+
display: flex !important;
|
|
535
|
+
}
|
|
536
|
+
.ann-pane.vertical.ann-pane-enter-from,
|
|
537
|
+
.ann-pane.vertical.ann-pane-leave-to {
|
|
538
|
+
transform: translateX(-100%) !important;
|
|
523
539
|
}
|
|
524
540
|
}
|
|
525
541
|
</style>
|
|
@@ -385,12 +385,12 @@ function tcy(n: number): string {
|
|
|
385
385
|
</section>
|
|
386
386
|
|
|
387
387
|
<div class="v-inline-nav">
|
|
388
|
-
<button v-if="adjacent.
|
|
389
|
-
|
|
388
|
+
<button v-if="adjacent.prev !== null" class="v-inav" @click="navigate(-1)" :title="t('piece.previous')">
|
|
389
|
+
▲
|
|
390
390
|
</button>
|
|
391
391
|
<span v-else class="v-inav-spacer" />
|
|
392
|
-
<button v-if="adjacent.
|
|
393
|
-
|
|
392
|
+
<button v-if="adjacent.next !== null" class="v-inav" @click="navigate(1)" :title="t('piece.next')">
|
|
393
|
+
▼
|
|
394
394
|
</button>
|
|
395
395
|
</div>
|
|
396
396
|
|
|
@@ -475,13 +475,13 @@ function tcy(n: number): string {
|
|
|
475
475
|
|
|
476
476
|
<nav class="v-nav">
|
|
477
477
|
<button v-if="adjacent.prev !== null" class="v-nav-btn" @click="navigate(-1)">
|
|
478
|
-
<span class="v-nav-dir"
|
|
478
|
+
<span class="v-nav-dir">▲</span>
|
|
479
479
|
<span class="v-nav-label">{{ t('piece.previous') }}</span>
|
|
480
480
|
<span class="v-nav-title">{{ getPiece(adjacent.prev)?.title }}</span>
|
|
481
481
|
</button>
|
|
482
482
|
<div v-else class="v-nav-spacer" />
|
|
483
483
|
<button v-if="adjacent.next !== null" class="v-nav-btn" @click="navigate(1)">
|
|
484
|
-
<span class="v-nav-dir"
|
|
484
|
+
<span class="v-nav-dir">▼</span>
|
|
485
485
|
<span class="v-nav-label">{{ t('piece.next') }}</span>
|
|
486
486
|
<span class="v-nav-title">{{ getPiece(adjacent.next)?.title }}</span>
|
|
487
487
|
</button>
|