fix(skin): fix safari button alignment issue when zoomed (#1495)

This commit is contained in:
Sam Potts
2026-05-01 07:03:07 +10:00
committed by GitHub
parent 94bb60c6e8
commit c5b06cf948
4 changed files with 4 additions and 2 deletions
@@ -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;
@@ -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',
@@ -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;
@@ -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',