#custom-dialog { padding: 0; top: 0; .el-dialog__header { // display: none; border: none; padding: 0; margin: 0; } .el-dialog__body { padding: 0 !important; } .alert-content { background: linear-gradient(180deg, rgba(0, 119, 255, 0.23) 0%, rgba(255, 255, 255, 0) 100%); display: flex; align-items: center; justify-content: space-between; padding-left: 20px; padding-right: 50px; .info { display: flex; flex-direction: column; gap: 10px; .title { color: rgba(0, 30, 59, 1); font-size: 20px; font-weight: bold; } .name { color: rgba(0, 30, 59, 1); font-weight: bold; } .icon { display: flex; align-items: center; font-size: 12px; .last-update { // font-size: ; color: rgba(113, 128, 150, 1); margin-left: 15px; } svg { width: 15px; height: 15px; } .text { font-size: 12px; margin-left: 10px; } } } .img { width: 240px; height: 240px; img { width: 100%; height: 100%; display: block; } } .info-box { font-size: 12px; display: flex; gap: 40px; margin-left: 30px; .item { display: flex; flex-direction: column; gap: 20px; } .title { color: rgba(113, 128, 150, 1); margin-bottom: 10px; } .text { font-weight: bold; color: rgba(0, 30, 59, 1); } } } .alert-content .success { color: rgba(0, 184, 122, 1) !important; } .alert-content .orange { color: rgba(255, 153, 0, 1) !important; } .alert-content .red { color: rgba(227, 39, 39, 1) !important; } }