@foxone/finance-ui
Version:
The Financial UI Component Library Based on @foxone/uikit and vuetify
1 lines • 5.26 kB
CSS
.finance-ui-asset-range-input{position:relative}.finance-ui-asset-range-input-top{width:100%}.finance-ui-asset-range-input-top-tips-left-amount,.finance-ui-asset-range-input-top-tips-left-txt{display:inline-block;vertical-align:middle}.finance-ui-asset-range-input-top-tips-left-amount{padding-right:16px;background-image:url(assets/images/svg/fill.svg);background-repeat:no-repeat;background-position:100%;background-size:12px;cursor:pointer}.finance-ui-asset-range-input-top-tips-left-amount-symbol{margin-left:2px}.finance-ui-asset-range-input-top-error{min-height:46px;color:#f44c4c}.finance-ui-asset-range-input-top-error-placeholder{width:100%;height:46px}.finance-ui-asset-range-input-mid{width:100%}.finance-ui-asset-range-input .vue-slider-dot-handle{position:absolute;top:50%;left:50%;width:24px;height:24px;border:4px solid #000;box-shadow:none;transform:translate(-50%,-50%)}.finance-ui-asset-range-input .vue-slider-dot-handle.vue-slider-dot-handle-focus{box-shadow:none}.finance-ui-asset-range-input .vue-slider-rail{background-color:#ebebeb}.finance-ui-asset-range-input .vue-slider-rail .vue-slider-process{background-color:#000}.finance-ui-asset-range-input .finance-ui-risk-slider .vue-slider-rail .vue-slider-dot-handle{border-color:#fff}.theme--dark .finance-ui-asset-range-input-top-tips-left-amount{background-image:url(assets/images/svg/fill-dark.svg)}.theme--dark .finance-ui-asset-range-input-top-error{color:#f67070}.theme--dark .finance-ui-asset-range-input .vue-slider-dot-handle{background-color:#000;border-color:#fff}.theme--dark .finance-ui-asset-range-input .vue-slider-rail{background-color:#36383b}.theme--dark .finance-ui-asset-range-input .vue-slider-rail .vue-slider-process{background-color:#fff}.finance-ui-checkout-amount{margin-top:30px;margin-bottom:20px}.finance-ui-checkout-amount-symbol{font-size:24px}.finance-ui-checkout-amount-major{font-size:32px;line-height:normal}.finance-ui-checkout-amount-original{font-size:16px;text-decoration:line-through;opacity:.4}.finance-ui-checkout{display:block;color:green}.finance-ui-connect-wallet-text{background-image:url(assets/images/svg/connect.svg);background-repeat:no-repeat;background-position:100%;background-size:12px;cursor:pointer}.theme--dark .finance-ui-connect-wallet-text{background-image:url(assets/images/svg/connect-dark.svg)}.finance-ui-coupon{display:block;color:green}.finance-ui-risk-info{box-shadow:none}.finance-ui-risk-info-card{border-radius:8px}.finance-ui-risk-info-card-title{padding:33px 0 15px}.finance-ui-risk-info-title{padding-left:28px;background-image:url(assets/images/svg/alert.svg);background-repeat:no-repeat;background-position:0;background-size:24px}.finance-ui-risk-info-highlight{position:relative;width:100%;background:rgba(242,154,96,.3);border-radius:4px}.finance-ui-risk-info-highlight:before{position:absolute;top:0;left:0;width:2px;height:100%;background:#f44c4c;content:""}.finance-ui-risk-info-highlight-text{color:#f44c4c}.finance-ui-risk-info-highlight-impact{margin:6px 0 13px;color:#75080a;font-weight:700;font-size:18px}.finance-ui-risk-info-assets{width:100%;background-image:url(assets/images/svg/divide-swap.svg);background-repeat:no-repeat;background-position:50%;background-size:8px 34px}.finance-ui-risk-info-assets-left,.finance-ui-risk-info-assets-right{flex-grow:0}.finance-ui-risk-info-assets-left-amount,.finance-ui-risk-info-assets-right-amount{width:30vw}.finance-ui-risk-info-action-confirm-btn-cancel,.finance-ui-risk-info-action-confirm-btn-confirm,.finance-ui-risk-info-action-continue-btn-continue{height:auto}.theme--dark .finance-ui-risk-info-title{background-image:url(assets/images/svg/alert-dark.svg)}.theme--dark .finance-ui-risk-info-highlight-impact{color:#f34a4d}.theme--dark .finance-ui-risk-info-highlight-text,.theme--dark .finance-ui-risk-info-highlight:before{color:#f67070}.finance-ui-risk-slider{width:100%}.finance-ui-risk-slider-tips{margin-top:6px}.finance-ui-risk-slider-tips-highlight{margin-left:2px}.finance-ui-risk-slider .vue-slider-disabled{opacity:1}.finance-ui-risk-slider .vue-slider-rail .vue-slider-process{background-color:transparent}.finance-ui-risk-slider .vue-slider-rail .vue-slider-dot{width:6px;height:6px;background-color:#fff;border-radius:50%;box-shadow:none}.finance-ui-risk-slider .vue-slider-dot .vue-slider-dot-handle{width:auto;height:auto}.finance-ui-risk-slider .vue-slider-dot-handle.vue-slider-dot-handle-focus{box-shadow:none}.finance-ui-risk-slider .vue-slider-dot.vue-slider-dot-disabled{opacity:1}.finance-ui-risk-slider .vue-slider-dot-handle-disabled{background:#fff}.theme--dark .finance-ui-risk-slider .vue-slider-disabled{opacity:1}.theme--dark .finance-ui-risk-slider .vue-slider-rail .vue-slider-process{background-color:transparent}.theme--dark .finance-ui-risk-slider .vue-slider-rail .vue-slider-dot{width:6px;height:6px;background-color:#fff;border-radius:50%;box-shadow:none}.theme--dark .finance-ui-risk-slider .vue-slider-dot-handle.vue-slider-dot-handle-focus{box-shadow:none}.theme--dark .finance-ui-risk-slider .vue-slider-dot.vue-slider-dot-disabled{opacity:1}.theme--dark .finance-ui-risk-slider .vue-slider-dot-handle-disabled{background:#fff}