ivabus/gui
1
0
Fork 0
mirror of https://github.com/ivabus/gui synced 2025-04-23 14:07:14 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

bump v0.0.49: test new release cdn

Browse source
This commit is contained in:
neil molina 2023-05-01 18:25:58 +08:00
parent bb1b4c02bd
commit 349a2529f2
2 changed files with 31 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
modules/desktop/package.json
View file

@ -1,6 +1,6 @@
{
"name": "tea",
"version": "0.0.48",
"version": "0.0.49",
"private": true,
"description": "tea gui app",
"author": "tea.xyz",

32
modules/desktop/src/components/package-card/bg-image.svelte
View file

@ -66,7 +66,7 @@
class:animate-pulse={!pkg.thumb_image_url}
/>
<div
class="bg-center opacity-0 transition-all duration-500"
class="opacity-0 transition-all duration-500 {layout}"
class:opacity-100={loaded}
style="background-image: url({loadedImg})"
>
@ -76,7 +76,7 @@
class="blur-sm {layout} opacity-0 transition-all duration-500"
class:opacity-100={loaded}
>
<figure class="bg-center" style="background-image: url({loadedImg})" />
<figure class={layout} style="background-image: url({loadedImg})" />
</aside>
{/if}
</div>
@ -122,6 +122,19 @@
background-size: cover;
box-sizing: border-box;
background-repeat: no-repeat;
background-position: 50% 50%;
}
div.left {
background-position: 200px 50%;
}
div.right {
background-repeat: repeat;
background-position: -250px 50%;
}
div.bottom {
background-repeat: repeat;
background-position: 50% -70px;
}
aside {
position: absolute;
@ -153,6 +166,21 @@
height: 338px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
figure.left {
background-repeat: repeat;
background-position: 200px 50%;
}
figure.right {
background-repeat: repeat;
background-position: -250px 50%;
}
figure.bottom {
background-repeat: repeat;
background-position: 50% -70px;
}
aside.bottom figure {