Added preloader to bottles.jsx

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

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;
const names = [...new Set(bottles.map((b) => b.name))];

View file

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

View file

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