Lots of changes around viewing tickets from css perspective logic changes nwe handlers and service triggers... just lots of stuff...
This commit is contained in:
60
static/css/site.css
Normal file
60
static/css/site.css
Normal file
@@ -0,0 +1,60 @@
|
||||
.ball {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #eee;
|
||||
border-radius: 50%;
|
||||
min-width: 32px;
|
||||
height: 32px;
|
||||
padding: 6px;
|
||||
margin-right: 6px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ball-container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.matched {
|
||||
background-color: #22c55e;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.bonus {
|
||||
border: 2px solid #facc15;
|
||||
}
|
||||
|
||||
.matched-bonus {
|
||||
background-color: #facc15;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
animation: pulse 1s infinite;
|
||||
}
|
||||
|
||||
.prize-badge {
|
||||
background-color: #9333ea;
|
||||
color: white;
|
||||
border-radius: 9999px;
|
||||
padding: 0.25rem 0.5rem;
|
||||
font-size: 0.75rem;
|
||||
box-shadow: 0 0 6px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.ball.bonus {
|
||||
background-color: #d8b4fe; /* Light purple */
|
||||
}
|
||||
|
||||
.ball.matched {
|
||||
background-color: #4ade80; /* Green */
|
||||
animation: pulse 1s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0% { transform: scale(1); }
|
||||
50% { transform: scale(1.1); }
|
||||
100% { transform: scale(1); }
|
||||
}
|
||||
Reference in New Issue
Block a user