From 398ee9acfcfa3baaa2f0a75ba82114a74722ba0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E7=94=B7?= <l.weinan@gmail.com>
Date: Sun, 3 May 2026 10:35:37 +0800
Subject: [PATCH] fix: landscape toolbar date range style matches regular
 toolbar

Replaces bold centered date with nav arrows in landscape matrix view
with the same view-toolbar__nav + view-toolbar__range pattern used
by the regular toolbar (lighter font, wrapping text, consistent sizing).

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 src/pages/clazz/index.vue | 35 +++++------------------------------
 1 file changed, 5 insertions(+), 30 deletions(-)

diff --git a/src/pages/clazz/index.vue b/src/pages/clazz/index.vue
index 54e1ce8..56d91d9 100644
--- a/src/pages/clazz/index.vue
+++ b/src/pages/clazz/index.vue
@@ -32,14 +32,12 @@
 
     <div v-if="isLandscape" class="landscape-shell">
       <div class="landscape-shell__toolbar">
-        <div class="landscape-shell__left">
-          <van-button size="small" @click="matrixGoToday">本周</van-button>
-        </div>
-        <div class="landscape-shell__title">
+        <div class="view-toolbar__nav">
           <van-button size="small" @click="matrixGoPrev">‹</van-button>
-          <span>{{ matrixWeekRange }}</span>
+          <van-button size="small" @click="matrixGoToday">本周</van-button>
           <van-button size="small" @click="matrixGoNext">›</van-button>
         </div>
+        <span class="view-toolbar__range">{{ matrixWeekRange }}</span>
         <div class="landscape-shell__toggle">
           <van-button size="small" plain @click="isLandscape = false">退出横屏</van-button>
           <van-button
@@ -565,6 +563,7 @@ export default defineComponent({
     };
 
     const draw = () => {
+      if (!calendar.value) { console.debug('[clazz draw] skip, calendar null'); return; }
       let api = calendar.value.getApi()
       api.removeAllEvents();
       store.list.forEach(item => {
@@ -1447,8 +1446,7 @@ export default defineComponent({
   flex-shrink: 0;
   min-height: var(--landscape-toolbar-height);
   box-sizing: border-box;
-  display: grid;
-  grid-template-columns: auto minmax(0, 1fr) auto;
+  display: flex;
   align-items: center;
   gap: 0.08rem;
   padding: 0.08rem 0.12rem;
@@ -1456,29 +1454,6 @@ export default defineComponent({
   background: #fff;
 }
 
-.landscape-shell__left {
-  display: flex;
-  align-items: center;
-  gap: 0.08rem;
-}
-
-.landscape-shell__title {
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.08rem;
-  color: #333;
-  font-size: 0.24rem;
-  font-weight: 600;
-
-  span {
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}
 
 .landscape-shell__toggle {
   display: flex;