Skip to content

Commit 62120cc

Browse files
✨(frontend) add new SVG assets and skeleton loading styles
- Introduced new SVG files for "desynchro" and "undo" icons to enhance the user interface. - Added a skeleton loading style in globals.css to improve the visual experience during content loading.
1 parent 8c79d99 commit 62120cc

File tree

3 files changed

+32
-0
lines changed

3 files changed

+32
-0
lines changed
Lines changed: 5 additions & 0 deletions
Loading
Lines changed: 5 additions & 0 deletions
Loading

src/frontend/apps/impress/src/pages/globals.css

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -76,3 +76,25 @@ main ::-webkit-scrollbar-thumb:hover,
7676
nextjs-portal {
7777
display: none;
7878
}
79+
80+
81+
.skeleton {
82+
background: linear-gradient(
83+
100deg,
84+
var(--c--theme--colors--greyscale-050) 30%,
85+
var(--c--theme--colors--greyscale-100) 50%,
86+
var(--c--theme--colors--greyscale-050) 70%
87+
);
88+
background-size: 200% 100%;
89+
animation: shimmer 2.5s infinite;
90+
border-radius: 4px;
91+
}
92+
93+
@keyframes shimmer {
94+
0% {
95+
background-position: -200% 0;
96+
}
97+
100% {
98+
background-position: 200% 0;
99+
}
100+
}

0 commit comments

Comments
 (0)