zcloud-ui
Version:
A Component Library for Vue.js.
1 lines • 1.43 kB
CSS
.zl-dialog.el-dialog{min-width:300px}.zl-dialog .el-dialog__footer{border-top:#E4EFF7 solid 1px;padding:12px}.zl-dialog .el-button+.el-button{margin-left:5px}.zl-dialog .el-dialog__body{font-size:12px;padding:20px 20px 10px}.zl-dialog .el-dialog__header{padding:10px 16px;background:#F6FAFD;border-bottom:#E4EFF7 solid 1px;color:#44667f}.zl-dialog .el-dialog__header .el-dialog__title{color:#44667f;font-weight:700;font-size:14px}.zl-dialog .el-dialog.is-fullscreen{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.zl-dialog .el-dialog.is-fullscreen .el-dialog__footer,.zl-dialog .el-dialog.is-fullscreen .el-dialog__header{-webkit-box-flex:0;-ms-flex:none;flex:none}.zl-dialog .el-dialog.is-fullscreen .el-dialog__body{-webkit-box-flex:1;-ms-flex:1;flex:1;height:0;overflow:auto}@media screen and (max-height:800px){.zl-dialog .el-dialog__wrapper{top:-80px}.zl-dialog :not(.is-fullscreen) .el-dialog__body{max-height:calc(100vh - 200px);overflow:auto}}@media (min-height:800px) and (max-height:900px){.zl-dialog :not(.is-fullscreen) .el-dialog__body{max-height:calc(100vh - 300px);overflow:auto}}@media (min-height:900px){.zl-dialog :not(.is-fullscreen) .el-dialog__body{max-height:calc(100vh - 300px);overflow:auto}}@media (min-width:1380px){.zl-dialog :not(.is-fullscreen) .el-dialog--small{width:40%}}