styles

2025-09-08 19:27:46 +02:00
parent ee8974e2ff
commit c65aef11ca
66 changed files with 1691 additions and 108 deletions
--- a/src/app/shared/components/ui/skeleton/skeleton.component.css
+++ b/src/app/shared/components/ui/skeleton/skeleton.component.css
@@ -0,0 +1,26 @@
+/* Verschieben Sie die Skeleton-Stile hierher */
+@keyframes skeleton-shimmer {
+  0% { background-position: -200px 0; }
+  100% { background-position: calc(200px + 100%) 0; }
+}
+
+.skeleton-item {
+  background-color: var(--color-border);
+  background-image: linear-gradient(
+    90deg,
+    var(--color-border) 0px,
+    var(--color-body-bg) 40px,
+    var(--color-border) 80px
+  );
+  background-size: 200px 100%;
+  background-repeat: no-repeat;
+  animation: skeleton-shimmer 1.5s infinite;
+}
+
+.skeleton-line {
+  border-radius: var(--border-radius-sm);
+}
+
+.skeleton-avatar {
+  border-radius: 50%;
+}