ui polish

This commit is contained in:
Ben Phelps 2022-09-28 02:32:39 +03:00
parent 68c93c65e6
commit bb5721c473
5 changed files with 48 additions and 11 deletions

View file

@ -1,6 +1,13 @@
import classNames from "classnames";
export default function Block({ value, label }) {
return (
<div className="bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center p-1">
<div
className={classNames(
"bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center p-1",
value === undefined ? "animate-pulse" : ""
)}
>
<div className="font-thin text-sm">{value === undefined || value === null ? "-" : value}</div>
<div className="font-bold text-xs uppercase">{label}</div>
</div>