@opentiny/vue-theme/hrapprover/index.css

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

.tiny-hrapprover{--tv-Hrapprover-error-border-color:var(--tv-color-error-bg, #f23030);--tv-Hrapprover-table-text-color:var(--tv-color-text, #191919);--tv-Hrapprover-table-font-size:var(--tv-font-size-default, 14px);--tv-Hrapprover-tr-bg-color:var(--tv-color-bg-gray-1, #fafafa);--tv-Hrapprover-tr-hover-bg-color:var(--tv-color-bg-hover, #f5f5f5);--tv-Hrapprover-tr-odd-bg-color:var(--tv-color-bg-secondary, #ffffff);--tv-Hrapprover-th-height:var(--tv-size-height-xs, 24px);--tv-Hrapprover-thead-border-color:var(--tv-color-border, #c2c2c2);--tv-Hrapprover-thead-bg-color:var(--tv-color-bg-header, #f5f5f5)}.tiny-hrapprover .tiny-hrapprover__list{height:180px;margin-top:10px;overflow:auto}.tiny-hrapprover .tiny-hrapprover__error{border:solid 1px var(--tv-Hrapprover-error-border-color)}.tiny-hrapprover table tbody tr{color:var(--tv-Hrapprover-table-text-color);background:var(--tv-Hrapprover-tr-bg-color)}.tiny-hrapprover table tbody tr:hover{background:var(--tv-Hrapprover-tr-hover-bg-color)}.tiny-hrapprover table tbody tr:nth-child(odd){background:var(--tv-Hrapprover-tr-odd-bg-color)}.tiny-hrapprover table tr{display:table-row;vertical-align:inherit;border-color:inherit}.tiny-hrapprover table th{border-left:none;padding:2px 0 2px 8px;height:var(--tv-Hrapprover-th-height)}.tiny-hrapprover table td{padding:2px 0 2px 8px;height:var(--tv-Hrapprover-th-height);font-size:var(--tv-Hrapprover-table-font-size)}.tiny-hrapprover table thead{border-bottom:1px solid var(--tv-Hrapprover-thead-border-color);text-align:left;background:var(--tv-Hrapprover-thead-bg-color);color:var(--tv-Hrapprover-table-text-color)}.tiny-hrapprover table thead th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--tv-Hrapprover-table-font-size);color:var(--tv-Hrapprover-table-text-color)}.tiny-hrapprover .tiny-input__suffix .tiny-input__icon{vertical-align:middle}