Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
eb690c70 1 parent 5471481a

style(calendar): 调整日期显示区域布局以改善视觉对齐

Inline Side-by-side
Showing 1 changed file with 4 additions and 2 deletions
1 <!-- 1 <!--
2 * @Date: 2025-01-25 15:34:17 2 * @Date: 2025-01-25 15:34:17
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2026-01-23 13:38:31 4 + * @LastEditTime: 2026-01-23 13:43:28
5 * @FilePath: /mlaj/src/components/calendar/CollapsibleCalendar.vue 5 * @FilePath: /mlaj/src/components/calendar/CollapsibleCalendar.vue
6 * @Description: 可折叠日历组件 6 * @Description: 可折叠日历组件
7 --> 7 -->
...@@ -28,10 +28,11 @@ ...@@ -28,10 +28,11 @@
28 <div class="calendar-content"> 28 <div class="calendar-content">
29 <div class="calendar-date-display" @click="expandCalendar"> 29 <div class="calendar-date-display" @click="expandCalendar">
30 <div class="calendar-date-main">{{ formattedCurrentDate }}</div> 30 <div class="calendar-date-main">{{ formattedCurrentDate }}</div>
31 + <div class="flex items-center gap-2">
31 <div class="calendar-weekday">{{ formattedWeekday }}</div> 32 <div class="calendar-weekday">{{ formattedWeekday }}</div>
32 <div 33 <div
33 v-if="!isHeaderHidden" 34 v-if="!isHeaderHidden"
34 - class="text-xs mt-1 collapsible-text px-3 py-1 text-center rounded-full border inline-flex items-center justify-center gap-1 min-w-[5rem] transition-colors duration-200" 35 + class="text-xs collapsible-text px-3 py-1 text-center rounded-full border inline-flex items-center justify-center gap-1 min-w-[5rem] transition-colors duration-200"
35 :class="[ 36 :class="[
36 hasSelectedDate 37 hasSelectedDate
37 ? 'text-green-600 bg-green-50 border-green-200 font-medium' 38 ? 'text-green-600 bg-green-50 border-green-200 font-medium'
...@@ -47,6 +48,7 @@ ...@@ -47,6 +48,7 @@
47 </svg> 48 </svg>
48 </div> 49 </div>
49 </div> 50 </div>
51 + </div>
50 <!-- <div class="calendar-action"> 52 <!-- <div class="calendar-action">
51 <div class="calendar-action-text">指定日期</div> 53 <div class="calendar-action-text">指定日期</div>
52 <div class="calendar-arrow"> 54 <div class="calendar-arrow">
......