Edit

Editing: _dashboard.scss

#nextBadgeChart path {
    stroke-width: 10px;
    stroke-dasharray: 10, 20;
    stroke-linecap: round;
}

.not-verified-alert {
    background-color: #d4efff;
}

.unread-notification-lists {
    min-height: 120px
}

.dashboard-banner-container {
    margin-top: 125px;

@media (max-width: $screen-sm-max) {
        margin-top: 25px;
    }

.dashboard-banner {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 375px;

.rtl & {
            left: 0;
            right: auto;
        }

@media (max-width: $screen-sm-max) {
            position: relative;
            height: auto;
            width: 100%;
            margin-top: 20px;
        }
    }
}

.dashboard {
    .account-balance {

.account-balance-icon {
            width: 65px;
            height: 65px;
        }
    }
}

.dashboard-stats {
    background-color: #FFFFFF !important;
    transition: all 0.5s ease;

&:hover {
        background-color: #FFFFFF !important;
        box-shadow: 0 8px 23px 0 rgb(62 73 84 / 15%);
        transition: all 0.5s ease;
    }

.stat-icon {
        width: 90px;
        min-width: 90px;
        height: 90px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;

img {
            width: 42px;
            height: 42px;
        }

&.requests {
            background-image: linear-gradient(135deg, #11c99c, #00e31d);
            box-shadow: 0 3px 10px 0px rgb(91 255 113 / 40%);
        }

&.monthly-sales {
            background-image: linear-gradient(135deg, #F761A1 10%, #8C1BAB 100%);
            box-shadow: 0 3px 10px 0px rgb(236 108 224 / 40%);
        }

&.support-messages {
            background-image: linear-gradient(135deg, #ff0844 0%, #ffb199 100%);
            box-shadow: 0 3px 10px 0px rgb(255 85 85 / 26%);
        }

&.comments {
            background-image: linear-gradient(135deg, #3C8CE7 10%, #00EAFF 100%);
            box-shadow: 0 3px 10px 0px rgb(68 198 206 / 40%);
        }

&.stat-icon-chapters {
            background-image: linear-gradient(to bottom, #11c99c, #00e31d);
        }

&.stat-icon-sessions {
            background-image: linear-gradient(to bottom, #ffb199, #ff0844);
        }

&.stat-icon-pending-quizzes {
            background-image: linear-gradient(to bottom, #f761a1, #8c1bab);
        }

&.stat-icon-pending-assignments {
            background-image: linear-gradient(to bottom, #3c8ce7, #00eaff);
        }
    }

.course-statistic-stat-icons & {
        @media (max-width: $screen-xs-max) {
            .stat-icon {
                width: 40px;
                min-width: 40px;
                height: 40px;

img {
                    width: 22px;
                    height: 22px;
                }
            }
        }
    }
}

.noticeboard {
    .noticeboard-item {
        border-bottom: 1px solid #ececec;

&:last-child {
            border-bottom: 0;
        }
    }
}

.monthly-sales-card {
    .monthly-sales-chart {
        height: max-content;
    }
}

.panel-shadow {
    box-shadow: 0px 12px 23px 0px rgb(62 73 84 / 4%);
}

Back