github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-12 15:49:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: update calendar theme

Browse Source
This commit is contained in:
Fine 2024-03-04 10:58:04 +08:00
parent e25bf9ee8b
commit 0ffd3a0528
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/DateCalendar.vue
View File

@ -451,7 +451,7 @@ limitations under the License. -->
} }
.calendar + .calendar { .calendar + .calendar {
border-left: solid 1px #eaeaea; border-left: solid 1px var(--sw-border-color-light);
margin-left: 5px; margin-left: 5px;
padding-left: 5px; padding-left: 5px;
} }
@ -464,7 +464,7 @@ limitations under the License. -->
} }
.calendar-head a { .calendar-head a {
color: #666; color: var(--sw-topology-color);
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
@ -568,7 +568,7 @@ limitations under the License. -->
.calendar-hour { .calendar-hour {
display: inline-block; display: inline-block;
border: 1px solid #e6e5e5; border: 1px solid var(--sw-border-color-light);
color: #9e9e9e; color: #9e9e9e;
} }

6
src/components/TimePicker.vue
View File

@ -447,7 +447,7 @@ limitations under the License. -->
width: 100px; width: 100px;
height: 100%; height: 100%;
padding: 5px; padding: 5px;
border-right: solid 1px #eaeaea; border-right: solid 1px var(--sw-border-color-light);
} }
&__shortcut { &__shortcut {
@ -457,7 +457,7 @@ limitations under the License. -->
background-color: transparent; background-color: transparent;
line-height: 34px; line-height: 34px;
font-size: $font-size-smaller; font-size: $font-size-smaller;
color: #666; color: var(--sw-topology-color);
text-align: left; text-align: left;
outline: none; outline: none;
cursor: pointer; cursor: pointer;
@ -532,6 +532,6 @@ limitations under the License. -->
} }
.datepicker__buttons .datepicker__button-cancel { .datepicker__buttons .datepicker__button-cancel {
background: #666; background: var(--sw-topology-color);
} }
</style> </style>