GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-05 23:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

调整日历视图的背景颜色

Browse Source
This commit is contained in:
jxxghp
2025-07-02 12:31:30 +08:00
parent 8328e51ae0
commit b48c26ee73
1 changed files with 28 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/subscribe/FullCalendarView.vue
+28 -32
View File
@@ -213,9 +213,9 @@ onActivated(() => {
.v-application .fc { .v-application .fc {
--fc-today-bg-color: rgba(var(--v-theme-on-surface), 0.04); --fc-today-bg-color: rgba(var(--v-theme-on-surface), 0.04);
--fc-border-color: rgba(var(--v-border-color), var(--v-border-opacity)); --fc-border-color: rgba(var(--v-border-color), var(--v-border-opacity));
--fc-neutral-bg-color: rgb(var(--v-theme-background)); --fc-neutral-bg-color: rgb(var(--v-theme-background), 0.3);
--fc-list-event-hover-bg-color: rgba(var(--v-theme-on-surface), 0.02); --fc-list-event-hover-bg-color: rgba(var(--v-theme-on-surface), 0.02);
--fc-page-bg-color: rgb(var(--v-theme-surface)); --fc-page-bg-color: rgb(var(--v-theme-background), 0.3);
--fc-event-border-color: currentcolor; --fc-event-border-color: currentcolor;
} }
@@ -232,6 +232,16 @@ onActivated(() => {
padding: 0; padding: 0;
} }
.v-application .fc .fc-toolbar-title {
display: inline-block;
overflow: hidden;
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
font-size: 1.25rem;
font-weight: 500;
text-overflow: ellipsis;
white-space: nowrap;
}
.v-application .fc .fc-col-header-cell-cushion { .v-application .fc .fc-col-header-cell-cushion {
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)); color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
font-size: 0.875rem; font-size: 0.875rem;
@@ -309,6 +319,22 @@ onActivated(() => {
row-gap: 0.5rem; row-gap: 0.5rem;
} }
.v-application .fc .fc-button-primary {
border: none;
background-color: transparent;
color: var(--v-theme-on-surface);
outline: none;
&:hover {
background-color: transparent;
color: rgb(var(--v-theme-primary));
}
}
.v-application .fc .fc-toolbar-chunk .fc-button-group {
align-items: center;
}
.v-application .fc .fc-toolbar-chunk { .v-application .fc .fc-toolbar-chunk {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -322,10 +348,6 @@ onActivated(() => {
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)); color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
} }
.v-application .fc .fc-toolbar-chunk .fc-button-group .fc-button-primary:focus {
box-shadow: none !important;
}
.v-application .fc .fc-toolbar-chunk:last-child .fc-button-group { .v-application .fc .fc-toolbar-chunk:last-child .fc-button-group {
border: 0.0625rem solid rgba(var(--v-theme-primary), var(--v-overlay-scrim-opacity)); border: 0.0625rem solid rgba(var(--v-theme-primary), var(--v-overlay-scrim-opacity));
border-radius: 0.375rem; border-radius: 0.375rem;
@@ -349,16 +371,6 @@ onActivated(() => {
color: rgb(var(--v-theme-primary)); color: rgb(var(--v-theme-primary));
} }
.v-application .fc .fc-toolbar-title {
display: inline-block;
overflow: hidden;
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
font-size: 1.25rem;
font-weight: 500;
text-overflow: ellipsis;
white-space: nowrap;
}
.v-application .fc .fc-scrollgrid-section th { .v-application .fc .fc-scrollgrid-section th {
border-inline: 0; border-inline: 0;
} }
@@ -424,10 +436,6 @@ onActivated(() => {
font-weight: 500; font-weight: 500;
} }
.v-application .fc .fc-toolbar-chunk .fc-button-group {
align-items: center;
}
.v-application .fc .fc-toolbar-chunk .fc-button-group .fc-button .fc-icon { .v-application .fc .fc-toolbar-chunk .fc-button-group .fc-button .fc-icon {
vertical-align: bottom; vertical-align: bottom;
} }
@@ -483,18 +491,6 @@ onActivated(() => {
background-color: transparent; background-color: transparent;
} }
.v-application .fc .fc-button-primary {
border: none;
background-color: transparent;
color: var(--v-theme-on-surface);
outline: none;
}
.v-application .fc .fc-button-primary:hover {
background-color: transparent;
color: rgb(var(--v-theme-primary));
}
@media (width <= 776px) { @media (width <= 776px) {
.fc-daygrid-event-harness { .fc-daygrid-event-harness {
display: flex; display: flex;