@import 'ant-design-vue/es/drawer/style/index.less';

.hb-drawer-wrap {
    .ant-drawer-wrapper-body {
        overflow: hidden;
    }

    &.no-footer {
        .ant-drawer-body {
            padding-bottom: 24px;
        }

        .hb-drawer-footer {
            display: none !important;
        }
    }

    .hb-drawer-footer {
        width: 100%;
        height: 50px;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: @white;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);

        &.default {
            display: flex;
            align-items: center;
            justify-content: flex-end;

            button {
                margin-right: @padding-md;
            }
        }
    }

    .ant-drawer-header {
        height: 55px;
    }

    .ant-drawer-body {
        height: calc(100% - 55px);
        overflow: auto;
        padding-bottom: 50px + 24px;

        &::-webkit-scrollbar {
            /*滚动条整体样式*/
            width: 5px;
            /*高宽分别对应横竖滚动条的尺寸*/
            height: 1px;
        }

        &::-webkit-scrollbar-thumb {
            /*滚动条里面小方块*/
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
            background: #535353;
        }

        &::-webkit-scrollbar-track {
            /*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            background: #ededed;
        }
    }

    &.no-title {
        .ant-drawer-body {
            height: 100%;
            overflow: auto;
        }
    }
}