@hanology/cham-browser 0.4.24 → 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,13 +385,13 @@ function tcy(n: number): string {
|
|
|
385
385
|
</section>
|
|
386
386
|
|
|
387
387
|
<div class="v-inline-nav">
|
|
388
|
-
<button v-if="adjacent.next !== null" class="v-inav" @click="navigate(1)" :title="t('piece.next')">
|
|
389
|
-
▼
|
|
390
|
-
</button>
|
|
391
|
-
<span v-else class="v-inav-spacer" />
|
|
392
388
|
<button v-if="adjacent.prev !== null" class="v-inav" @click="navigate(-1)" :title="t('piece.previous')">
|
|
393
389
|
▲
|
|
394
390
|
</button>
|
|
391
|
+
<span v-else class="v-inav-spacer" />
|
|
392
|
+
<button v-if="adjacent.next !== null" class="v-inav" @click="navigate(1)" :title="t('piece.next')">
|
|
393
|
+
▼
|
|
394
|
+
</button>
|
|
395
395
|
</div>
|
|
396
396
|
|
|
397
397
|
<section v-if="isMultiPart" class="v-poem-col v-multipart">
|