ivabus/gui
1
0
Fork 0
mirror of https://github.com/ivabus/gui synced 2025-06-08 00:00:27 +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", "name": "tea",
"version": "0.0.48", "version": "0.0.49",
"private": true, "private": true,
"description": "tea gui app", "description": "tea gui app",
"author": "tea.xyz", "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} class:animate-pulse={!pkg.thumb_image_url}
/> />
<div <div
class="bg-center opacity-0 transition-all duration-500" class="opacity-0 transition-all duration-500 {layout}"
class:opacity-100={loaded} class:opacity-100={loaded}
style="background-image: url({loadedImg})" style="background-image: url({loadedImg})"
> >
@ -76,7 +76,7 @@
class="blur-sm {layout} opacity-0 transition-all duration-500" class="blur-sm {layout} opacity-0 transition-all duration-500"
class:opacity-100={loaded} class:opacity-100={loaded}
> >
<figure class="bg-center" style="background-image: url({loadedImg})" /> <figure class={layout} style="background-image: url({loadedImg})" />
</aside> </aside>
{/if} {/if}
</div> </div>
@ -122,6 +122,19 @@
background-size: cover; background-size: cover;
box-sizing: border-box; box-sizing: border-box;
background-repeat: no-repeat; 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 { aside {
position: absolute; position: absolute;
@ -153,6 +166,21 @@
height: 338px; height: 338px;
background-size: cover; background-size: cover;
background-repeat: no-repeat; 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 { aside.bottom figure {