@hanology/cham-browser 0.4.52 → 0.4.54

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/template/src/views/PieceView.vue +4 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hanology/cham-browser",
3
- "version": "0.4.52",
3
+ "version": "0.4.54",
4
4
  "description": "CHAM — browser-compatible parser, serializer, and site generator for Classical Han Annotated Markdown",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
package/template/src/views/PieceView.vue CHANGED
@@ -475,12 +475,12 @@ 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-info"><span class="v-nav-dir">▲</span><span class="v-nav-label">{{ t('piece.previous') }}</span></span>
478
+ <span class="v-nav-dir">▲</span>
479
479
  <span class="v-nav-title">{{ getPiece(adjacent.prev)?.title }}</span>
480
480
  </button>
481
481
  <div v-else class="v-nav-spacer" />
482
482
  <button v-if="adjacent.next !== null" class="v-nav-btn" @click="navigate(1)">
483
- <span class="v-nav-info"><span class="v-nav-dir">▼</span><span class="v-nav-label">{{ t('piece.next') }}</span></span>
483
+ <span class="v-nav-dir">▼</span>
484
484
  <span class="v-nav-title">{{ getPiece(adjacent.next)?.title }}</span>
485
485
  </button>
486
486
  </nav>
@@ -839,8 +839,6 @@ function tcy(n: number): string {
839
839
  .v-nav-btn {
840
840
  writing-mode: vertical-rl;
841
841
  text-orientation: mixed;
842
- display: flex;
843
- flex-direction: column;
844
842
  padding: 20px 14px;
845
843
  background: var(--surface);
846
844
  border: 1px solid var(--border-light);
@@ -854,19 +852,13 @@ function tcy(n: number): string {
854
852
  box-shadow: 0 4px 20px rgba(var(--shadow-rgb), 0.1);
855
853
  }
856
854
  .v-nav-btn:hover .v-nav-title { color: var(--vermillion); }
857
- .v-nav-info {
858
- display: block;
859
- }
860
855
  .v-nav-dir {
861
856
  font-size: 16px; color: var(--vermillion);
862
857
  margin-bottom: 0.3em;
863
858
  }
864
- .v-nav-label {
865
- font-size: 11px; color: var(--ink-faint);
866
- font-family: var(--sans); letter-spacing: 2px;
867
- }
868
859
  .v-nav-title {
869
- display: block;
860
+ writing-mode: vertical-rl;
861
+ text-orientation: mixed;
870
862
  font-size: 18px; font-weight: 700;
871
863
  letter-spacing: 3px; color: var(--ink);
872
864
  transition: color 0.25s ease;