Update component.jsx
This commit is contained in:
parent
9c120a1e97
commit
5aa7a8de96
@ -25,7 +25,12 @@ export default function Component({ service }) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Container service={service}>
|
<Container service={service}>
|
||||||
<Block>
|
<div
|
||||||
|
className={classNames(
|
||||||
|
"bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center text-center p-1",
|
||||||
|
"service-block",
|
||||||
|
)}
|
||||||
|
>
|
||||||
<iframe
|
<iframe
|
||||||
src={widget?.src}
|
src={widget?.src}
|
||||||
key={`${widget?.name}-${refreshTimer}`}
|
key={`${widget?.name}-${refreshTimer}`}
|
||||||
@ -40,20 +45,7 @@ export default function Component({ service }) {
|
|||||||
style={{ width: "100%", scrollingDisableStyle }}
|
style={{ width: "100%", scrollingDisableStyle }}
|
||||||
className={sizeClasses}
|
className={sizeClasses}
|
||||||
/>
|
/>
|
||||||
</Block>
|
</div>
|
||||||
</Container>
|
</Container>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function Block({ children }) {
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
className={classNames(
|
|
||||||
"bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center text-center p-1",
|
|
||||||
"service-block",
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
{children}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user