Use opacity for both dark and light mode

This commit is contained in:
Nicolas Mowen 2024-03-22 10:55:59 -06:00
parent 2969b6c4f5
commit ad667583bc
2 changed files with 2 additions and 2 deletions

View File

@ -106,7 +106,7 @@ export default function VideoControls({
return ( return (
<div <div
className={`px-4 py-2 flex justify-between items-center gap-8 text-white z-50 bg-black bg-opacity-60 rounded-lg ${className ?? ""}`} className={`px-4 py-2 flex justify-between items-center gap-8 text-white z-50 bg-secondary-foreground/60 dark:bg-secondary/60 rounded-lg ${className ?? ""}`}
> >
{video && features.volume && ( {video && features.volume && (
<div className="flex justify-normal items-center gap-2"> <div className="flex justify-normal items-center gap-2">

View File

@ -802,7 +802,7 @@ function MotionReview({
</div> </div>
<VideoControls <VideoControls
className="absolute bottom-16 left-1/2 -translate-x-1/2 bg-secondary" className="absolute bottom-16 left-1/2 -translate-x-1/2"
features={{ features={{
volume: false, volume: false,
seek: true, seek: true,