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 (
<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 && (
<div className="flex justify-normal items-center gap-2">

View File

@ -802,7 +802,7 @@ function MotionReview({
</div>
<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={{
volume: false,
seek: true,