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

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

.tiny-user{--tv-User-font-size:var(--tv-font-size-default, 14px);--tv-User-tag-bg-color:var(--tv-color-bg, #f5f5f5);--tv-User-svg-color:var(--tv-color-icon, #808080);--tv-User-svg-color-disabled:var(--tv-color-icon-disabled, #c2c2c2)}.tiny-user.mini{height:30px}.tiny-user .tiny-user__select{width:100%}.tiny-user .tiny-user__select .tiny-input .tiny-svg{fill:var(--tv-User-svg-color)}.tiny-user .tiny-user__select .tiny-input.is-disabled .tiny-svg{fill:var(--tv-User-svg-color-disabled)}.tiny-user .tiny-user__select .tiny-select__input{height:20px}.tiny-user .tiny-user__ghost.tiny-tag{background:var(--tv-User-tag-bg-color)}.tiny-user_select{max-width:calc(50% - 4px);width:auto;font-size:var(--tv-User-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-user_select.left{float:left;margin-right:4px}.tiny-user_select.right{float:right;margin-left:4px}.tiny-user.draggableClass .tiny-select__tags>span:not(.is-disabled),.tiny-user.draggableClass .tiny-select__tags>span:not(.is-disabled)>span{display:inline-block}