feat&fix: add score display banner and update task status with animation
This commit is contained in:
@@ -66,6 +66,65 @@ h2 { color: #0056b3; margin-top: 32px; font-size: 1.6em; }
|
||||
.stat-card:nth-child(2):hover { background: linear-gradient(135deg, #e6f9ea, #d4f7db); }
|
||||
.stat-card:nth-child(3) i { color: #dc3545; } /* Error - Red */
|
||||
.stat-card:nth-child(3):hover { background: linear-gradient(135deg, #feeaec, #fcd8db); }
|
||||
.stat-card:nth-child(4) i { color: #007bff; } /* Total - Blue */
|
||||
.stat-card:nth-child(4):hover { background: linear-gradient(135deg, #f0f7ff, #e6f0fb); }
|
||||
|
||||
/* Score Banner Styles */
|
||||
.score-banner {
|
||||
border-radius: 10px;
|
||||
margin: 20px 0 30px;
|
||||
padding: 5px;
|
||||
/* border: 2px solid rgba(255, 193, 7, 0.5); */
|
||||
text-align: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
/* animation: scoreBannerGlow 3s infinite alternate; */
|
||||
}
|
||||
|
||||
.score-banner:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: radial-gradient(circle at center, rgba(255, 255, 255, 0.8) 0%, transparent 70%);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.score-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.score-banner i {
|
||||
font-size: 2.2em;
|
||||
color: #ffc107;
|
||||
margin-right: 15px;
|
||||
/* animation: rotateIcon 6s linear infinite; */
|
||||
transform-origin: center;
|
||||
}
|
||||
|
||||
.score-label {
|
||||
font-size: 1.3em;
|
||||
font-weight: 600;
|
||||
color: #b28704;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.score-value {
|
||||
font-size: 2em;
|
||||
font-weight: 700;
|
||||
background: linear-gradient(90deg, #ff8f00, #ffc107);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
text-shadow: 0 1px 2px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
|
||||
.stat-card span {
|
||||
font-size: 2em;
|
||||
|
||||
Reference in New Issue
Block a user