Only wrap when needed

This commit is contained in:
Nicolas Mowen 2024-05-10 10:57:01 -06:00
parent 9bdbc6c5ec
commit 62bee98c66

View File

@ -171,12 +171,12 @@ export default function VideoControls({
return ( return (
<div <div
className={cn( className={cn(
"w-auto px-4 py-2 flex flex-wrap sm:flex-nowrap justify-between items-center gap-4 sm:gap-8 text-primary z-50 bg-background/60 rounded-lg", "w-auto px-4 py-2 flex sm:flex-nowrap justify-between items-center gap-4 sm:gap-8 text-primary z-50 bg-background/60 rounded-lg",
className, className,
isMobileOnly && isMobileOnly &&
Object.values(features).filter((feat) => feat).length > Object.values(features).filter((feat) => feat).length >
MIN_ITEMS_WRAP && MIN_ITEMS_WRAP &&
"min-w-[94%]", "flex-wrap min-w-[75%]",
)} )}
> >
{video && features.volume && ( {video && features.volume && (