hookehuyr

style(CollapsibleCalendar): 调整日历操作按钮的布局和间距

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: 2025-12-18 22:06:48 4 + * @LastEditTime: 2025-12-18 22:13:17
5 * @FilePath: /mlaj/src/components/ui/CollapsibleCalendar.vue 5 * @FilePath: /mlaj/src/components/ui/CollapsibleCalendar.vue
6 * @Description: 可折叠日历组件 6 * @Description: 可折叠日历组件
7 --> 7 -->
...@@ -428,9 +428,9 @@ defineExpose({ ...@@ -428,9 +428,9 @@ defineExpose({
428 .calendar-action { 428 .calendar-action {
429 display: flex; 429 display: flex;
430 align-items: center; 430 align-items: center;
431 - gap: 8px; 431 + justify-content: end;
432 background: linear-gradient(135deg, rgba(76, 175, 80, 0.1) 0%, rgba(76, 175, 80, 0.05) 100%); 432 background: linear-gradient(135deg, rgba(76, 175, 80, 0.1) 0%, rgba(76, 175, 80, 0.05) 100%);
433 - padding: 8px 12px; 433 + padding: 8px;
434 border-radius: 20px; 434 border-radius: 20px;
435 border: 1px solid rgba(76, 175, 80, 0.2); 435 border: 1px solid rgba(76, 175, 80, 0.2);
436 flex-shrink: 0; 436 flex-shrink: 0;
......