/* naive-ui 样式调整 */



body {
    &.WEB {
        .n-drawer-container {
            .n-drawer-mask {
                /* width: 80%;
                height: 90%;
                max-width: 1024px;
                margin: 5vh auto; */
                background-color: rgba(0, 0, 0, .6)
            }

            .n-drawer.n-drawer--bottom-placement {
                /*width: 80%;
                max-width: 1024px;
                bottom: 5vh; */
                top: 0;
                max-width: 600px;
                margin: auto;
            }
        }

    }
}

@media (max-width: 600px) {
    body {
        &.WEB {
            .n-drawer-container {
                .n-drawer-mask {
                    width: 100%;
                    height: 100%;
                }

                .n-drawer.n-drawer--bottom-placement {
                    width: 100%;
                    max-width: 100%;
                    bottom: 0;
                    left: 0;
                    top: auto;
                }
            }
        }
    }
}