add wait for pickup overlay

Signed-off-by: Timo K <toger5@hotmail.de>
This commit is contained in:
Timo K
2025-09-11 18:39:16 +02:00
parent 65d358df58
commit 8b185b9893
2 changed files with 130 additions and 0 deletions

View File

@@ -0,0 +1,51 @@
.overlay {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
background: var(--cpd-color-bg-canvas-default);
opacity: 0.94;
}
.content {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.pulse {
position: relative;
height: 90px;
}
.pulse::before {
content: "";
position: absolute;
inset: -12px;
border-radius: 9999px;
border: 2px solid rgba(255, 255, 255, 0.6);
animation: pulse 1.6s ease-out infinite;
}
@keyframes pulse {
0% {
transform: scale(0.95);
opacity: 0.7;
}
70% {
transform: scale(1.15);
opacity: 0.15;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
.label {
color: white;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}