diff --git a/src/views/Dashboard/components/InvestmentCalendar.css b/src/views/Dashboard/components/InvestmentCalendar.css index ef6d688b..1867940b 100644 --- a/src/views/Dashboard/components/InvestmentCalendar.css +++ b/src/views/Dashboard/components/InvestmentCalendar.css @@ -50,18 +50,87 @@ margin-top: 2px; } -/* 响应式调整 */ +/* 响应式调整 - H5 优化 */ @media (max-width: 768px) { .fc-toolbar { - flex-direction: column; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + gap: 8px; + padding: 0 4px; } - + + .fc-toolbar-chunk { + display: flex; + justify-content: center; + } + .fc-toolbar-title { - margin: 0.5em 0; + font-size: 1.1rem !important; + margin: 4px 0; + order: 3; + width: 100%; + text-align: center; } - + .fc-button-group { - margin: 0.2em; + margin: 0; + } + + .fc-button { + padding: 4px 8px !important; + font-size: 12px !important; + } + + .fc-today-button { + padding: 4px 12px !important; + } + + /* 日历头部星期 */ + .fc-col-header-cell-cushion { + font-size: 12px; + padding: 4px 2px; + } + + /* 日期数字 */ + .fc-daygrid-day-number { + font-size: 13px; + padding: 2px 4px; + } + + /* 事件标签 */ + .fc-event { + font-size: 10px !important; + padding: 1px 2px; + margin: 1px 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .fc-event-title { + font-size: 10px; + overflow: hidden; + text-overflow: ellipsis; + } + + /* 日期单元格 */ + .fc-daygrid-day { + min-height: 60px !important; + } + + .fc-daygrid-day-frame { + min-height: 60px !important; + } + + .fc-daygrid-day-events { + margin-top: 1px; + } + + /* 更多链接 */ + .fc-daygrid-more-link { + font-size: 10px; } }