maycur-business/lib/CurrencySelector/style/CurrencySelector.less

maycur business react components of web

@import '../../style/variables.less';

.@{prefix}-currency-selector {
    background: #fff;
    border: 1px solid @border-color;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, .15);    

    &-wrapper {
        position: relative;
        min-height: 400px;
    }

    &-search {
        padding: @box-padding/4 @box-padding;
    }

    &-label {
        background: @page-background;
        padding: @box-padding/4 @box-padding;
    }

    &-item {
        padding: @box-padding/4 @box-padding;
        cursor: pointer;

        &_divider {
            margin: 0 2px;
        }
    }

    &-item+&-item {
        border-top: 1px solid @border-color;
    }

    &-body {
        max-height: 350px;
        overflow-y: auto;
    }

    &-loading {
        box-sizing: border-box;
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        border: 4px solid @maycur-color;
        border-top-color: transparent;
        animation: spin 1s infinite linear;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index:9;
    }
}