mirror of
https://github.com/GiriNeko/YesPlayMusic.git
synced 2025-12-16 05:08:04 +00:00
c042faa001
* feat: add config to resolve path alias. * feat: use vue-i18n for language switch * feat: add .editorconfig for ide * fix: add no-referrer to avoid CROB * fix: setCookie and fix typo * feat: integrate vue-i18n * feat: player component i18n support * fix: duplicate key warning in explore page * fix: like songs number changed in library page * fire: remove todo * fix: same text search on enter will cause error * fix: scrobble error params type * feat: prettier task supported * fix: prettier ignore config update * fix: conflict
63 lines
1.2 KiB
CSS
63 lines
1.2 KiB
CSS
/* rail style */
|
|
.vue-slider-rail {
|
|
background-color: #eee;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
/* process style */
|
|
.vue-slider-process {
|
|
background-color: #335eea;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
/* dot style */
|
|
.vue-slider-dot-handle {
|
|
cursor: pointer;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
background-color: #fff;
|
|
box-sizing: border-box;
|
|
box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.12);
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* tooltip style */
|
|
.vue-slider-dot-tooltip-wrapper {
|
|
opacity: 0;
|
|
transition: all 1s;
|
|
}
|
|
|
|
.vue-slider-dot-tooltip-wrapper-show {
|
|
opacity: 1;
|
|
}
|
|
|
|
.vue-slider-dot-tooltip-inner {
|
|
font-size: 14px;
|
|
white-space: nowrap;
|
|
padding: 2px 6px;
|
|
min-width: 20px;
|
|
text-align: center;
|
|
color: #000;
|
|
border-radius: 5px;
|
|
border-color: #fff;
|
|
background-color: #fff;
|
|
box-sizing: content-box;
|
|
box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.08);
|
|
}
|
|
|
|
/* hover */
|
|
.vue-slider:hover .vue-slider-dot-handle,
|
|
.vue-slider:active .vue-slider-dot-handle {
|
|
visibility: visible;
|
|
}
|
|
|
|
/* volume style */
|
|
.volume-control .vue-slider-process {
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.volume-control:hover .vue-slider-process {
|
|
background-color: #335eea;
|
|
}
|