88 lines
1.5 KiB
CSS
88 lines
1.5 KiB
CSS
/* src/views/Dashboard/components/InvestmentCalendar.css */
|
|
|
|
/* FullCalendar 自定义样式 */
|
|
.fc {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
|
|
}
|
|
|
|
.fc-theme-standard td,
|
|
.fc-theme-standard th {
|
|
border-color: #e2e8f0;
|
|
}
|
|
|
|
.fc-button-primary {
|
|
background-color: #3182ce !important;
|
|
border-color: #3182ce !important;
|
|
}
|
|
|
|
.fc-button-primary:hover {
|
|
background-color: #2c5282 !important;
|
|
border-color: #2c5282 !important;
|
|
}
|
|
|
|
.fc-button-primary:not(:disabled):active,
|
|
.fc-button-primary:not(:disabled).fc-button-active {
|
|
background-color: #2c5282 !important;
|
|
border-color: #2c5282 !important;
|
|
}
|
|
|
|
.fc-daygrid-day-number {
|
|
color: #2d3748;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.fc-daygrid-day.fc-day-today {
|
|
background-color: #e6f3ff !important;
|
|
}
|
|
|
|
.fc-event {
|
|
border: none;
|
|
padding: 2px 4px;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.fc-daygrid-event-dot {
|
|
display: none;
|
|
}
|
|
|
|
.fc-daygrid-day-events {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
/* 响应式调整 */
|
|
@media (max-width: 768px) {
|
|
.fc-toolbar {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.fc-toolbar-title {
|
|
margin: 0.5em 0;
|
|
}
|
|
|
|
.fc-button-group {
|
|
margin: 0.2em;
|
|
}
|
|
}
|
|
|
|
/* 暗色模式支持 */
|
|
@media (prefers-color-scheme: dark) {
|
|
.fc-theme-standard td,
|
|
.fc-theme-standard th {
|
|
border-color: #4a5568;
|
|
}
|
|
|
|
.fc-daygrid-day-number {
|
|
color: #e2e8f0;
|
|
}
|
|
|
|
.fc-daygrid-day.fc-day-today {
|
|
background-color: #2d3748 !important;
|
|
}
|
|
|
|
.fc-col-header-cell-cushion,
|
|
.fc-daygrid-day-number {
|
|
color: #e2e8f0;
|
|
}
|
|
}
|