blitzwing/cobalt-7
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

web/ChangelogSkeleton: fix title skeleton cutting off, reduce rounding

Browse source
This commit is contained in:
wukko 2024-07-21 16:57:42 +06:00
parent d8acb5406a
commit 238cd22c8d
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
2 changed files with 6 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/components/changelog/ChangelogSkeleton.svelte
View file

@ -14,12 +14,10 @@
/> />
</div> </div>
</div> </div>
<h1 class="changelog-title">
<Skeleton <Skeleton
width="28em" width="100%"
height="27.59px" height="27.59px"
/> />
</h1>
</div> </div>
<div class="changelog-content"> <div class="changelog-content">
<Skeleton <Skeleton

3
web/src/components/misc/Skeleton.svelte
View file

@ -21,7 +21,7 @@
<style> <style>
.skeleton { .skeleton {
border-radius: var(--border-radius); border-radius: calc(var(--border-radius) / 2);
background-color: var(--button); background-color: var(--button);
background-image: var(--skeleton-gradient); background-image: var(--skeleton-gradient);
background-size: 200px 100%; background-size: 200px 100%;
@ -40,6 +40,7 @@
} }
.skeleton.big { .skeleton.big {
border-radius: var(--border-radius);
background-size: 700px 100%; background-size: 700px 100%;
animation: skeleton-big 1.2s ease-in-out infinite; animation: skeleton-big 1.2s ease-in-out infinite;
} }