Browse Source

Remove mini-view animation on open

master
jeffvli 3 years ago
committed by Jeff
parent
commit
41cfb011f9
  1. 22
      src/components/player/styled.tsx

22
src/components/player/styled.tsx

@ -107,26 +107,4 @@ export const MiniViewContainer = styled.div<{ display: string }>`
opacity: ${(props) => (props.display === 'true' ? 0.9 : 0)}; opacity: ${(props) => (props.display === 'true' ? 0.9 : 0)};
border-radius: 10px; border-radius: 10px;
color: ${(props) => `${props.theme.primary.text} !important`}; color: ${(props) => `${props.theme.primary.text} !important`};
animation-name: ${(props) => (props.display === 'true' ? 'fadeInOpacity' : 'fadeOutOpacity')};
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-duration: 0.5s;
@keyframes fadeInOpacity {
0% {
opacity: 0;
}
100% {
opacity: 0.9;
}
}
@keyframes fadeOutOpacity {
0% {
opacity: 0.9;
}
100% {
opacity: 0;
}
}
`; `;

Loading…
Cancel
Save