@import "../../style/index";

.@{prefix-cls}-wgxw {
    height: 800px;
    &-content {
        height: 768px;
        padding: 10px 20px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 32px;
        overflow: auto;
        &-item {
            padding: 10px;
            display: flex;
            flex-direction: column;
            height: 263px;
            background: rgba(255,255,255,0.05);
            border: 1px solid #364E60;
            border-radius: 6px;
            &--active {
                border: 1px solid #55FFF5;
            }
            &-img {
                height: 155px;
                margin-bottom: 8px;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            &-info1 {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 4px;
                &>span:nth-child(1) {
                    color: var(--info-color);
                    font-size: 16px;
                }
            }
            &-info2 {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 4px;
                &>span{
                    color: var(--info-color);
                }
                &>div{
                    color: var(--info-color);
                }
            }
            &-info3 {
                display: flex;
                gap: 8px;
                align-items: center;
                color: var(--info-color);
            }
            &-TO_BE_RESOLVED,
            &-PENDING {
                color: #faad14;
            }
            &-TO_BE_AUDITED {
                color: #faad14;
            }
            &-FAILED {
                color: #ff4d4f;
            }
            &-PASSED {
                color: #52c41a;
            }
            &-IGNORED {
                color: #999999;
            }
        }
    }
}
