mirror of
https://github.com/DI0IK/homepage-plus.git
synced 2025-07-10 15:28:47 +00:00
Allow specify object fit for mjpeg widget
This commit is contained in:
parent
ba19f77b8f
commit
f8c382c480
2 changed files with 4 additions and 2 deletions
|
@ -2,13 +2,13 @@ import Image from "next/image";
|
|||
|
||||
export default function Component({ service }) {
|
||||
const { widget } = service;
|
||||
const { stream } = widget;
|
||||
const { stream, fit = "contain" } = widget;
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div className="absolute top-0 bottom-0 right-0 left-0">
|
||||
<Image layout="fill" objectFit="fill" className="blur-md" src={stream} alt="stream" />
|
||||
<Image layout="fill" objectFit="contain" className="drop-shadow-2xl" src={stream} alt="stream" />
|
||||
<Image layout="fill" objectFit={fit} className="drop-shadow-2xl" src={stream} alt="stream" />
|
||||
</div>
|
||||
<div className="absolute top-0 right-0 bottom-0 left-0 overflow-clip shadow-[inset_0_0_200px_#000] shadow-theme-700/10 dark:shadow-theme-900/10" />
|
||||
<div className="h-[68px] overflow-clip" />
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue