ComputerSurge/komodo
3
0
Fork 0
forked from github-starred/komodo
Code Pull Requests 1 Actions Packages Releases Activity

add enter animation for updates

Browse Source
This commit is contained in:
beckerinj
2022-08-18 14:14:06 -04:00
parent 97f933ee32
commit 53447fc605
2 changed files with 41 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/home/Updates/update.module.scss
+14 -4
View File
@@ -1,18 +1,28 @@
@use "../../../style/colors.scss" as c;
@keyframes Enter {
from {
transform: scaleY(0);
opacity: 0;
}
to {
transform: scaleY(1);
opacity: 1;
}
}
.Update {
background-color: c.$lightgrey;
padding: 0.75rem;
transform-origin: top;
animation-name: Enter;
animation-duration: 750ms;
}
.Update:global(.dark) {
background-color: c.$lightgrey-dark;
}
.Update.NoName {
height: 70px;
}
.LogContainer {
max-height: 80vh;
}
frontend/src/components/update/update.module.scss
+27
View File
@@ -1,17 +1,44 @@
@use "../../style/colors.scss" as c;
@keyframes Enter {
from {
transform: scaleY(0);
opacity: 0;
}
to {
transform: scaleY(1);
opacity: 1;
}
}
.Update {
background-color: c.$lightgrey;
padding: 0.75rem;
height: 90px;
transform-origin: top;
animation-name: Enter;
animation-duration: 750ms;
}
.Update:global(.dark) {
background-color: c.$lightgrey-dark;
}
@keyframes EnterNoName {
from {
transform: scaleY(0);
opacity: 0;
}
to {
transform: scaleY(1);
opacity: 1;
}
}
.Update.NoName {
height: 70px;
animation-name: EnterNoName;
}
.LogContainer {