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

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

.tiny-userlink{--tv-UserLink-font-size:var(--tv-font-size-default, 14px);--tv-UserLink-text-color:var(--tv-color-text, #191919);--tv-UserLink-font-weight:var(--tv-font-weight-bold, 600);--tv-UserLink-border-radius:var(--tv-border-radius-md, 6px)}.tiny-userlink li{float:left;list-style:none}.tiny-userlink li .tiny-popover__reference{font-size:var(--tv-UserLink-font-size);color:#1890ff}.tiny-userlink li .tiny-popover__reference:hover{color:#40a9ff;text-decoration:none;cursor:pointer}.tiny-userlink .tiny-user-card{width:600px}.tiny-user-card .card-box{font-size:var(--tv-UserLink-font-size);color:var(--tv-UserLink-text-color);font-weight:var(--tv-UserLink-font-weight)}.tiny-user-card .card-box .card-box__body .card-top-img,.tiny-user-card .card-box .card-box__body .card-top-text{display:inline-block;vertical-align:middle}.tiny-user-card .card-box .card-box__body .card-top-img{width:80px;border-radius:var(--tv-UserLink-border-radius)}.tiny-user-card .card-box .card-box__body .card-top-img img{width:100%}.tiny-user-card .card-box .card-box__body .card-top-text{padding:5px 10px;overflow:hidden}.tiny-user-card .card-box .card-box__body .card-center{margin-top:10px}.tiny-user-card .card-box .box__footer{text-align:center;cursor:pointer}.tiny-user-card .card-box p{margin:5px 0}.tiny-user-card.tiny-popover.tiny-popper{padding:24px}