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

Added preloader to bottles.jsx

Browse source
This commit is contained in:
Thomas Smith 2023-01-20 14:29:28 -05:00
parent 93bafae510
commit 830dece384
3 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/assets/scripts/bottles.jsx
View file

@ -11,7 +11,14 @@ function Bottles() {
}); });
}, []); }, []);
if (isLoading) return <p>Loading...</p>; if (isLoading) return (
<div id="bottle-preloader" className="flex">
<div id="bottle-status" className="justify-content-center mx-auto">
<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...</p></div>
</div>
</div>
);
if (!bottles) return null; if (!bottles) return null;
const names = [...new Set(bottles.map((b) => b.name))]; const names = [...new Set(bottles.map((b) => b.name))];

1
src/layouts/page/bottles.html
View file

@ -56,7 +56,6 @@
.title-col{ .title-col{
padding: 4vw !important; padding: 4vw !important;
} }
} }

2
src/layouts/partials/bottle-preloader.html
View file

@ -28,7 +28,7 @@
#bottle-loading-text { #bottle-loading-text {
font-size: 20px; font-size: 20px;
text-align: center; text-align: center;
animation: pulse 1s infinite; animation: pulse 1s infinite !important;
} }
</style> </style>