cerc-io/snowballtools-base
16
0
Fork 2
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 style: add new keyframe animation for modal

Browse Source
This commit is contained in:
Wahyu Kurniawan 2024-03-08 15:28:23 +07:00
parent 16e7b22507
commit cbda1cc652
No known key found for this signature in database
GPG Key ID: 040A1549143A8E33
1 changed files with 40 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
packages/frontend/src/index.css
View File

@ -153,4 +153,44 @@
.focus-ring { .focus-ring {
@apply focus-visible:ring-[3px] focus-visible:ring-snowball-200 focus-visible:ring-offset-1 focus-visible:ring-offset-snowball-500 focus-visible:outline-none; @apply focus-visible:ring-[3px] focus-visible:ring-snowball-200 focus-visible:ring-offset-1 focus-visible:ring-offset-snowball-500 focus-visible:outline-none;
} }
@keyframes dialog-overlay-show {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes dialog-overlay-hide {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes dialog-content-show {
from {
opacity: 0;
transform: translate(-50%, -50%) scale(0.95);
}
to {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
}
@keyframes dialog-content-hide {
from {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
to {
opacity: 0;
transform: translate(-50%, -50%) scale(0.95);
}
}
} }