BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-06 03:34:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(home): add skeleton loaders to homepage

Browse Source
This commit is contained in:
SethBurkart123
2024-12-02 09:26:49 +11:00
parent fcd95f6823
commit a2b4f81b86
2 changed files with 102 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/injected.scss
+28 -2
View File
@@ -2724,7 +2724,7 @@ li.MessageList__unread___3imtO {
display: flex;
flex-direction: column;
color: var(--text-primary);
transition: 200ms;
transition: 200ms, background-color 0s;
border-radius: 16px;
}
.dark .upcoming-items {
@@ -3093,4 +3093,30 @@ li.MessageList__unread___3imtO {
aspect-ratio: 16/9;
object-fit: cover;
margin-bottom: 12px;
}
}
@keyframes shimmer {
0% {
background-position: -1000px 0;
}
100% {
background-position: 1000px 0;
}
}
.loading {
&.upcoming-items,
&.day-container {
background: linear-gradient(90deg,
var(--background-primary) 0%,
var(--background-secondary) 50%,
var(--background-primary) 100%
);
background-size: 1000px 100%;
animation: shimmer 2s infinite linear;
}
&.upcoming-items {
height: 35em;
}
}