mirror of
https://github.com/ivabus/www
synced 2024-11-10 12:25:15 +03:00
Added preloader to bottles.jsx
This commit is contained in:
parent
93bafae510
commit
830dece384
|
@ -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))];
|
||||
|
|
|
@ -56,7 +56,6 @@
|
|||
|
||||
.title-col{
|
||||
padding: 4vw !important;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
@ -28,7 +28,7 @@
|
|||
#bottle-loading-text {
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
animation: pulse 1s infinite;
|
||||
animation: pulse 1s infinite !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
Loading…
Reference in a new issue