@hanology/cham-browser 0.4.50 → 0.4.52

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 +7 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hanology/cham-browser",
3
- "version": "0.4.50",
3
+ "version": "0.4.52",
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,14 +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-dir">▲</span>
479
- <span class="v-nav-label">{{ t('piece.previous') }}</span>
478
+ <span class="v-nav-info"><span class="v-nav-dir">▲</span><span class="v-nav-label">{{ t('piece.previous') }}</span></span>
480
479
  <span class="v-nav-title">{{ getPiece(adjacent.prev)?.title }}</span>
481
480
  </button>
482
481
  <div v-else class="v-nav-spacer" />
483
482
  <button v-if="adjacent.next !== null" class="v-nav-btn" @click="navigate(1)">
484
- <span class="v-nav-dir">▼</span>
485
- <span class="v-nav-label">{{ t('piece.next') }}</span>
483
+ <span class="v-nav-info"><span class="v-nav-dir">▼</span><span class="v-nav-label">{{ t('piece.next') }}</span></span>
486
484
  <span class="v-nav-title">{{ getPiece(adjacent.next)?.title }}</span>
487
485
  </button>
488
486
  </nav>
@@ -842,8 +840,7 @@ function tcy(n: number): string {
842
840
  writing-mode: vertical-rl;
843
841
  text-orientation: mixed;
844
842
  display: flex;
845
- flex-direction: row;
846
- align-items: flex-start;
843
+ flex-direction: column;
847
844
  padding: 20px 14px;
848
845
  background: var(--surface);
849
846
  border: 1px solid var(--border-light);
@@ -851,13 +848,15 @@ function tcy(n: number): string {
851
848
  cursor: pointer;
852
849
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
853
850
  line-height: 1.6;
854
- position: relative;
855
851
  }
856
852
  .v-nav-btn:hover {
857
853
  border-color: var(--gold);
858
854
  box-shadow: 0 4px 20px rgba(var(--shadow-rgb), 0.1);
859
855
  }
860
856
  .v-nav-btn:hover .v-nav-title { color: var(--vermillion); }
857
+ .v-nav-info {
858
+ display: block;
859
+ }
861
860
  .v-nav-dir {
862
861
  font-size: 16px; color: var(--vermillion);
863
862
  margin-bottom: 0.3em;
@@ -865,9 +864,9 @@ function tcy(n: number): string {
865
864
  .v-nav-label {
866
865
  font-size: 11px; color: var(--ink-faint);
867
866
  font-family: var(--sans); letter-spacing: 2px;
868
- margin-bottom: 0.3em;
869
867
  }
870
868
  .v-nav-title {
869
+ display: block;
871
870
  font-size: 18px; font-weight: 700;
872
871
  letter-spacing: 3px; color: var(--ink);
873
872
  transition: color 0.25s ease;