@prettyy/ui/dist/css/dialog.css

vue2 UI

.vl-dialog{position:relative;margin:0 auto 50px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;width:50%;padding:0 24px;border-radius:6px}.vl-dialog__header{display:flex;align-items:center;justify-content:space-between;height:60px;color:#000;font-size:18px;font-weight:600}.vl-dialog__headerbtn{padding:0;border:none;cursor:pointer;background-color:transparent}.vl-dialog__headerbtn .vl-icon{font-size:20px!important}.vl-dialog__body{padding:20px 15px}.vl-dialog__footer{padding-bottom:20px}.vl-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0;background-color:rgba(0,0,0,.7);z-index:2010}.vl-dialog__wrapper_center{display:flex;align-items:center}.vl-dialog__divider{margin:0;display:block;flex:1 1 0;max-width:100%;height:0;max-height:0;border:0 solid #F2F3F5;border-top-width:thin;transition:inherit}.vl-dialog-fade-enter-active{animation:dialog-fade-in .3s}.vl-dialog-fade-leave-active{animation:dialog-fade-out .3s}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}