mirror of
https://github.com/zoriya/v10.git
synced 2026-08-16 02:45:09 +00:00
fix(skin): fix safari button alignment issue when zoomed (#1495)
This commit is contained in:
@@ -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',
|
||||
|
||||
Reference in New Issue
Block a user