fix: add aspect-ratio to demos (#136)

This commit is contained in:
Sam Potts
2025-10-25 17:11:00 +11:00
committed by GitHub
parent 3bd50ebac8
commit e0a46de0ab
5 changed files with 9 additions and 8 deletions
+3 -3
View File
@@ -111,9 +111,9 @@ export default function App(): JSX.Element {
const skinClassName = useMemo(() => {
switch (skinKey) {
case 'frosted':
return 'rounded-4xl shadow shadow-lg shadow-black/15';
return 'aspect-video rounded-4xl shadow shadow-lg shadow-black/15';
case 'minimal':
return 'rounded-2xl shadow shadow-lg shadow-black/15';
return 'aspect-video rounded-2xl shadow shadow-lg shadow-black/15';
default:
return '';
}
@@ -185,7 +185,7 @@ export default function App(): JSX.Element {
<MediaProvider key={key}>
<Skin className={skinClassName}>
{/* @ts-expect-error -- types are incorrect */}
<Video src={mediaSource} poster={poster} />
<Video src={mediaSource} poster={poster} playsinline />
</Skin>
</MediaProvider>
</div>