@opentiny/vue-theme/time-select/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-time-select{--tv-TimeSelect-item-text-color:var(--tv-color-text, #191919);--tv-TimeSelect-item-font-size:var(--tv-font-size-default, 14px);--tv-TimeSelect-item-padding-horizontal:var(--tv-space-xl, 16px);--tv-TimeSelect-item-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-TimeSelect-item-hover-bg-color:var(--tv-color-bg-hover, #f5f5f5);--tv-TimeSelect-item-selected-text-color:var(--tv-color-text-active, #1476ff);--tv-TimeSelect-content-padding-top:var(--tv-space-md, 8px);height:242px;padding-top:var(--tv-TimeSelect-content-padding-top)}.tiny-time-select.not-match-height{height:36px}.tiny-time-select .tiny-scrollbar{height:100%}.tiny-time-select .tiny-scrollbar .tiny-scrollbar__wrap{max-height:unset}.tiny-time-select .tiny-time-select__item{color:var(--tv-TimeSelect-item-text-color);font-size:var(--tv-TimeSelect-item-font-size);padding:0 var(--tv-TimeSelect-item-padding-horizontal);line-height:32px;height:32px}.tiny-time-select .tiny-time-select__item.selected:not(.disabled){color:var(--tv-TimeSelect-item-selected-text-color)}.tiny-time-select .tiny-time-select__item:not(.disabled):hover{background-color:var(--tv-TimeSelect-item-hover-bg-color);cursor:pointer}.tiny-time-select .tiny-time-select__item.disabled{color:var(--tv-TimeSelect-item-disabled-text-color);cursor:not-allowed}.tiny-time-select .tiny-picker-panel__content{padding-left:0;padding-right:0}.tiny-time-select .tiny-picker-panel__content .no-match{text-align:center}