Cool_Tools/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2024-11-20 06:27:09 +01:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

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