Use theme colors for no preview found divs

This commit is contained in:
Josh Hawkins 2024-06-06 23:25:01 -05:00
parent a56a69a0aa
commit f14d093aec

View File

@ -84,7 +84,7 @@ export default function PreviewPlayer({
return ( return (
<div <div
className={cn( className={cn(
"flex size-full items-center justify-center rounded-lg text-white md:rounded-2xl", "flex size-full items-center justify-center rounded-lg bg-background_alt text-primary md:rounded-2xl",
className, className,
)} )}
> >
@ -322,7 +322,7 @@ function PreviewVideoPlayer({
)} )}
</video> </video>
{cameraPreviews && !currentPreview && ( {cameraPreviews && !currentPreview && (
<div className="absolute inset-0 flex items-center justify-center rounded-lg text-white md:rounded-2xl"> <div className="absolute inset-0 flex items-center justify-center rounded-lg bg-background_alt text-primary md:rounded-2xl">
No Preview Found No Preview Found
</div> </div>
)} )}
@ -535,7 +535,7 @@ function PreviewFramesPlayer({
onLoad={onImageLoaded} onLoad={onImageLoaded}
/> />
{previewFrames?.length === 0 && ( {previewFrames?.length === 0 && (
<div className="-y-translate-1/2 align-center absolute inset-x-0 top-1/2 rounded-lg bg-black text-center text-white md:rounded-2xl"> <div className="-y-translate-1/2 align-center absolute inset-x-0 top-1/2 rounded-lg bg-background_alt text-center text-primary md:rounded-2xl">
No Preview Found No Preview Found
</div> </div>
)} )}