From 238cd22c8d11533c225bea4c58e92ff17b62b115 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Sun, 21 Jul 2024 16:57:42 +0600
Subject: [PATCH] web/ChangelogSkeleton: fix title skeleton cutting off, reduce
 rounding

---
 web/src/components/changelog/ChangelogSkeleton.svelte | 10 ++++------
 web/src/components/misc/Skeleton.svelte               |  3 ++-
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/web/src/components/changelog/ChangelogSkeleton.svelte b/web/src/components/changelog/ChangelogSkeleton.svelte
index 128146ac..11f1d999 100644
--- a/web/src/components/changelog/ChangelogSkeleton.svelte
+++ b/web/src/components/changelog/ChangelogSkeleton.svelte
@@ -14,12 +14,10 @@
                 />
             </div>
         </div>
-        <h1 class="changelog-title">
-            <Skeleton
-                width="28em"
-                height="27.59px"
-            />
-        </h1>
+        <Skeleton
+            width="100%"
+            height="27.59px"
+        />
     </div>
     <div class="changelog-content">
         <Skeleton
diff --git a/web/src/components/misc/Skeleton.svelte b/web/src/components/misc/Skeleton.svelte
index 91e39e48..d5fb64a7 100644
--- a/web/src/components/misc/Skeleton.svelte
+++ b/web/src/components/misc/Skeleton.svelte
@@ -21,7 +21,7 @@
 
 <style>
     .skeleton {
-        border-radius: var(--border-radius);
+        border-radius: calc(var(--border-radius) / 2);
         background-color: var(--button);
         background-image: var(--skeleton-gradient);
         background-size: 200px 100%;
@@ -40,6 +40,7 @@
     }
 
     .skeleton.big {
+        border-radius: var(--border-radius);
         background-size: 700px 100%;
         animation: skeleton-big 1.2s ease-in-out infinite;
     }