Use size props for play button
This commit is contained in:
parent
6174dc128d
commit
11be5c811f
1 changed files with 2 additions and 2 deletions
|
@ -7,8 +7,6 @@ const MotionButton = styled(motion(_Button))`
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
background-color: var(--primary-color);
|
background-color: var(--primary-color);
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
@ -19,7 +17,9 @@ const MotionButton = styled(motion(_Button))`
|
||||||
export const PlayButton = ({ ...props }: Omit<ButtonProps, 'children'>) => {
|
export const PlayButton = ({ ...props }: Omit<ButtonProps, 'children'>) => {
|
||||||
return (
|
return (
|
||||||
<MotionButton
|
<MotionButton
|
||||||
|
h={50}
|
||||||
variant="filled"
|
variant="filled"
|
||||||
|
w={50}
|
||||||
whileHover={{ scale: 1.1 }}
|
whileHover={{ scale: 1.1 }}
|
||||||
whileTap={{ scale: 0.95 }}
|
whileTap={{ scale: 0.95 }}
|
||||||
{...props}
|
{...props}
|
||||||
|
|
Reference in a new issue