.dashboard-editor-container { padding: 32px; background-color: #fafafa; position: absolute; left: 0; right: 0; top: 0; bottom: 0; .chart-wrapper { background: #fff; padding: 16px 16px 0; margin-bottom: 32px; } } .seach-center { position: absolute; top: 200px; left: 50%; transform: translate(-50%, 0); z-index: 1; .seach-logo { width: 190px; height: 60px; line-height: 45px; color: #222; font-size: 40px; font-weight: 600; text-align: center; margin: 0 auto 20px auto; img { width: 190px; height: 60px; } } .common-url { margin-top: 80px; .common-url-title { color: rgba(0,0,0,0.9); font-size: 16px; margin-bottom: 16px; } .common-url-center { display: flex; .link { color: rgba(0, 82, 217, 1); margin-right: 8px; &:hover { color: rgba(0, 82, 217, .9); } } } } /deep/.el-input-group { width: 800px; height: 48px; } /deep/.el-input__prefix { font-size: 16px; left: 8px; } /deep/.el-input-group--append { .el-input__inner { height: 48px; width: 680px; padding-left: 40px; border-color: rgba(220, 220, 220, 1); border-radius: 4px 0 0 4px; } .el-input-group__append { width: 120px; text-align: center; background: rgba(0, 82, 217, 1); color: rgba(255,255,255,0.9); border-radius: 0 4px 4px 0; &:hover { background: rgba(0, 82, 217, .8); } } } }