ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-22 17:25:06 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Styuling for bottle placeholder on bottle-details page

Browse source
This commit is contained in:
Thomas Smith 2023-01-20 16:45:43 -05:00
parent 609e527c9a
commit 8ae27c261a
2 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/assets/scripts/package-bottles.jsx
View file

@ -13,10 +13,12 @@ function PackageBottles() {
}, []); }, []);
if (isLoading) return ( if (isLoading) return (
<div id="bottle-preloader" className="flex"> <div id="bottle-preloader" className="flex one-box-down">
<div id="bottle-status" className="my-auto"> <div id="bottle-status" className="flex justifit-content-center">
<i className="icon-tea-logo-iconasset-1 grid-gray tea-icon lead mb-0"></i> <div className="mx-auto">
<div id="bottle-loading-text"><p className="grid-gray">steeping available versions...</p></div> <i className="icon-tea-logo-iconasset-1 grid-gray tea-icon lead mb-0"></i>
<div id="bottle-loading-text"><p className="grid-gray">steeping available versions...</p></div>
</div>
</div> </div>
</div> </div>
); );

1
src/layouts/page/package-detail.html
View file

@ -108,6 +108,7 @@
width: 100%; width: 100%;
height: 200px; height: 200px;
background: #1a1a1a; background: #1a1a1a;
border: 1px solid #949494;;
} }
#bottle-status { #bottle-status {
width: 100%; width: 100%;