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

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

.tiny-amount{--tv-Amount-icon-color:var(--tv-color-icon, #808080);--tv-Amount-icon-size:var(--tv-icon-size, 16px);width:270px}.tiny-amount-filter-box .popover-left{font-size:12px}.tiny-amount .tiny-amount-input-icon .tiny-svg{fill:var(--tv-Amount-icon-color);width:var(--tv-Amount-icon-size);height:var(--tv-Amount-icon-size)}.tiny-amount-popper{width:270px}.tiny-amount-popper .popover-filter-content{margin-bottom:12px;font-size:12px;cursor:pointer}.tiny-amount-popper .popover-filter-content .tiny-radio-group{display:inline-block}.tiny-amount-popper .popover-filter-content .popover-filter-botton{background-color:#f5f6f8;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 8px 8px 0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;border-radius:2px;min-width:48px;text-align:center;max-width:none;padding:1px 8px;border:1px solid #f5f6f8;font-style:normal}.tiny-amount-popper .popover-filter-content .popover-filter-botton.is-checked{color:#fafafa;border-color:#fafafa}.tiny-amount-popper .popover-filter-content .popover-filter-botton .tiny-radio__input{display:none}.tiny-amount-popper .popover-filter-content .popover-filter-botton .tiny-radio__label{padding-left:0;padding-right:0;line-height:20px;height:20px;display:inline-block}.tiny-amount-popper .popover-filter-content .popover-filter-botton:nth-child(4),.tiny-amount-popper .popover-filter-content .popover-filter-botton:nth-child(8){margin-right:0}.tiny-amount-popper .popover-con .module:not(:last-child){margin-bottom:12px}.tiny-amount-popper .popover-con .module{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-amount-popper .popover-con .module .popover-left{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:8px;text-align:right}.tiny-amount-popper .popover-con .module .popover-left+.tiny-date-container{width:100%}.tiny-amount-popper .popover-con .module .popover-right:not(.tiny-input-prefix):not(.tiny-input-suffiX) .tiny-input__inner{padding:0 8px}.tiny-amount-popper .popover-con .module .popover-right.tiny-input{display:inline-block}.tiny-amount .tiny-input{outline:0}.tiny-amount span.tiny-popover__reference{width:100%}