mirror of
https://github.com/gethomepage/homepage.git
synced 2025-12-07 09:35:54 -08:00
further restructuring
This commit is contained in:
8
src/components/services/widget/block.jsx
Normal file
8
src/components/services/widget/block.jsx
Normal file
@@ -0,0 +1,8 @@
|
||||
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="font-thin text-sm">{value === undefined || value === null ? "-" : value}</div>
|
||||
<div className="font-bold text-xs uppercase">{label}</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
11
src/components/services/widget/container.jsx
Normal file
11
src/components/services/widget/container.jsx
Normal file
@@ -0,0 +1,11 @@
|
||||
export default function Container({ error = false, children }) {
|
||||
if (error) {
|
||||
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="font-thin text-sm">{error}</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return <div className="relative flex flex-row w-full">{children}</div>;
|
||||
}
|
||||
Reference in New Issue
Block a user