fix: performance fixes for dtmc animation

This commit is contained in:
Christian Andolf
2025-06-04 17:11:29 +02:00
parent 89fe73c1bf
commit 21566eb5b5
2 changed files with 52 additions and 70 deletions
@@ -28,6 +28,7 @@
.shimmer {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 3;
opacity: 0;
transition: opacity 0.3s ease;
@@ -35,16 +36,18 @@
}
.card {
touch-action: none;
overflow: hidden;
border-radius: var(--Corner-radius-lg);
box-shadow: 0 2px 1px rgb(255 255 255 / 11%) inset;
padding: var(--Space-x2);
height: 400px;
width: 327px;
max-width: 100%;
color: var(--Text-Brand-OnPrimary-3-Accent);
background-color: var(--Surface-Brand-Primary-1-OnSurface-Default);
box-shadow: 0 4px 44px rgb(0 0 0 / 25%);
box-shadow:
0 2px 1px rgb(255 255 255 / 11%) inset,
0 4px 44px rgb(0 0 0 / 25%);
transition: transform 0.3s ease-out;
will-change: transform;
user-select: none;