antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-03 03:11:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Lint all files

Browse source
This commit is contained in:
jeffvli 2023-07-01 19:10:05 -07:00
parent 22af76b4d6
commit 30e52ebb54
334 changed files with 76519 additions and 75932 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -3,43 +3,43 @@ import { RiPlayFill } from 'react-icons/ri';
import styled from 'styled-components';
const MotionButton = styled(UnstyledButton)`
display: flex;
align-items: center;
justify-content: center;
background-color: var(--btn-filled-bg);
border: none;
border-radius: 50%;
opacity: 0.8;
svg {
fill: var(--btn-filled-fg);
}
&:hover {
background-color: var(--btn-filled-bg-hover);
transform: scale(1.1);
display: flex;
align-items: center;
justify-content: center;
background-color: var(--btn-filled-bg);
border: none;
border-radius: 50%;
opacity: 0.8;
svg {
fill: var(--btn-filled-fg-hover);
fill: var(--btn-filled-fg);
}
}
&:active {
transform: scale(0.95);
}
&:hover {
background-color: var(--btn-filled-bg-hover);
transform: scale(1.1);
transition: background-color 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
svg {
fill: var(--btn-filled-fg-hover);
}
}
&:active {
transform: scale(0.95);
}
transition: background-color 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
`;
export const PlayButton = ({ ...props }: any) => {
return (
<MotionButton
{...props}
h="45px"
w="45px"
>
<RiPlayFill size={20} />
</MotionButton>
);
return (
<MotionButton
{...props}
h="45px"
w="45px"
>
<RiPlayFill size={20} />
</MotionButton>
);
};