pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust play button styles

Browse source
This commit is contained in:
jeffvli 2022-12-29 19:23:07 -08:00
parent 8f5115b9c6
commit bd9cbea9b7
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/renderer/features/shared/components/play-button.tsx
View file

@ -4,9 +4,16 @@ import styled from 'styled-components';
import { ButtonProps, _Button } from '/@/renderer/components'; import { ButtonProps, _Button } from '/@/renderer/components';
const MotionButton = styled(motion(_Button))` const MotionButton = styled(motion(_Button))`
display: flex;
align-items: center;
justify-content: center;
width: 50px; width: 50px;
height: 50px; height: 50px;
background-color: var(--primary-color);
border: none;
border-radius: 50%; border-radius: 50%;
opacity: 0.8;
transition: background-color 0.2s linear;
`; `;
export const PlayButton = ({ ...props }: Omit<ButtonProps, 'children'>) => { export const PlayButton = ({ ...props }: Omit<ButtonProps, 'children'>) => {
@ -17,7 +24,7 @@ export const PlayButton = ({ ...props }: Omit<ButtonProps, 'children'>) => {
whileTap={{ scale: 0.95 }} whileTap={{ scale: 0.95 }}
{...props} {...props}
> >
<RiPlayFill size={15} /> <RiPlayFill size={20} />
</MotionButton> </MotionButton>
); );
}; };