@ahmiao666/ahmiao-react-dialog-element/index.css

react18+ dialog组件

.global-dialog-mask{background-color:rgba(0,0,0,.4);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:2006}.dialog-custom{background-color:#e3edf9;border-radius:10px;box-shadow:0 6px 6px 0 rgba(157,204,218,.3);box-sizing:border-box;color:#3d82c7;display:flex;flex-direction:column;left:50%;max-height:90vh;padding:24px 20px 16px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:2007}@media (max-width:768px){.dialog-custom{padding:20px 16px 12px;width:90vw}}.dialog-custom-title{flex-shrink:0;font-size:18px;font-weight:700;justify-content:space-between;margin-bottom:10px}.dialog-custom-title,.dialog-custom-title .left{align-items:center;column-gap:12px;display:flex}.dialog-custom-title .left .dialog-title-icon{flex-shrink:0;height:24px;width:24px}.dialog-custom-title .right .dialog-close-icon{align-items:center;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .2s linear;width:30px}.dialog-custom-title .right .dialog-close-icon:hover{background-color:rgba(0,0,0,.04);transform:scale(1.1) rotate(-90deg)}.dialog-custom-title .right .dialog-close-icon:active{transform:scale(.95)}.dialog-custom-content{box-sizing:border-box;flex:1 1 auto;min-height:50px;overflow-y:auto;padding:5px 0;scrollbar-color:#e0e0e0 transparent;scrollbar-width:thin}.dialog-custom-content::-webkit-scrollbar{background:transparent;width:5px}.dialog-custom-content::-webkit-scrollbar-thumb{background-color:#e0e0e0;border-radius:8px}.dialog-custom-content::-webkit-scrollbar-track{background:transparent}.dialog-loading{opacity:.6;pointer-events:none}
/*# sourceMappingURL=index.css.map */