diff --git a/packages/skins/src/default/css/components/button.css b/packages/skins/src/default/css/components/button.css index 52bab2ab..b608fc8d 100644 --- a/packages/skins/src/default/css/components/button.css +++ b/packages/skins/src/default/css/components/button.css @@ -8,6 +8,7 @@ flex-shrink: 0; align-items: center; justify-content: center; + min-height: 0; padding: 0.5rem 1rem; text-align: center; touch-action: manipulation; diff --git a/packages/skins/src/default/tailwind/components/button.ts b/packages/skins/src/default/tailwind/components/button.ts index 2786c008..ab63a518 100644 --- a/packages/skins/src/default/tailwind/components/button.ts +++ b/packages/skins/src/default/tailwind/components/button.ts @@ -2,7 +2,7 @@ import { cn } from '@videojs/utils/style'; export const button = { base: cn( - 'flex items-center justify-center shrink-0 border-none cursor-pointer select-none text-center touch-manipulation', + 'flex items-center justify-center shrink-0 border-none cursor-pointer select-none text-center touch-manipulation min-h-0', 'py-2 px-4 rounded-full', 'outline-2 outline-transparent -outline-offset-2', 'transition-[background-color,outline-offset,scale] will-change-[scale] duration-150 ease-out', diff --git a/packages/skins/src/minimal/css/components/button.css b/packages/skins/src/minimal/css/components/button.css index 2711ac77..dede3a7b 100644 --- a/packages/skins/src/minimal/css/components/button.css +++ b/packages/skins/src/minimal/css/components/button.css @@ -8,6 +8,7 @@ flex-shrink: 0; align-items: center; justify-content: center; + min-height: 0; padding: 0.5rem 1rem; text-align: center; touch-action: manipulation; diff --git a/packages/skins/src/minimal/tailwind/components/button.ts b/packages/skins/src/minimal/tailwind/components/button.ts index c55bcfb5..937fdd71 100644 --- a/packages/skins/src/minimal/tailwind/components/button.ts +++ b/packages/skins/src/minimal/tailwind/components/button.ts @@ -2,7 +2,7 @@ import { cn } from '@videojs/utils/style'; export const button = { base: cn( - 'flex items-center justify-center shrink-0 border-none cursor-pointer select-none text-center touch-manipulation', + 'flex items-center justify-center shrink-0 border-none cursor-pointer select-none text-center touch-manipulation min-h-0', 'py-2 px-4 rounded-lg', 'outline-2 outline-transparent -outline-offset-2', 'transition-[background-color,outline-offset,scale] will-change-[scale] duration-150 ease-out',