.hide { display: none !important; } #aiDialog { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; z-index: 3; } .ai-markdown-dialog { width: 40%; min-width: 150px; height: 300px; float: right; margin: 50px; padding: 10px; border-radius: 5px; background-color: #ebf9fb; box-shadow: 0px 5px 5px #e3dfdf; text-align: center; } .ai-dialog-title { width: 100%; height: 40px; line-height: 40px; } .ai-content-box { position: relative; } .ai-dialog-content { width: 100%; height: 200px; resize: none; outline: none; border-radius: 5px; border-color: rgb(203, 203, 203); box-sizing: border-box; } .ai-outline-choose { width: 100%; height: 200px; padding: 20px; margin: 10px 0; background-color: #fff; border: 1px solid #e0dfdf; border-radius: 5px; box-sizing: border-box; } .ai-outline-choose select, .ai-outline-choose input { display: inline-block; width: 80%; height: 30px; padding: 0 10px; margin: 10px 0; appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #ebebeb; box-sizing: border-box; color: #606266; line-height: 27px; outline: none; } .ai-mask { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 200px; background-color: rgba(0, 0, 0, .1); } #aiLoader { width: 32px; height: 32px; background-image: url('./loader.svg'); animation: rotate 2s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .ai-dialog-button { min-width: 50px; border-color: rgb(181, 181, 247); border-radius: 3px; background-color: #fff; } .ai-dialog-button:hover { background-color: #ceecfb; }