Merge pull request #390 from AppQuality/utt-16-fix-play-button-position

🩹 fix(controls.tsx, floatingControls.tsx): adjust height to 80px for better
AppQuality · Jun 11, 2024 · dab429c · dab429c
2 parents 0e8926a + f9f1456
commit dab429c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/stories/player/parts/controls.tsx b/src/stories/player/parts/controls.tsx
@@ -21,6 +21,7 @@ export const ControlsWrapper = styled.div<WrapperProps>`
   right: 0;
   padding: ${({ theme }) => theme.space.xxs} 0;
   background-color: ${({ theme }) => theme.palette.grey[100]};
+  height: 80px;
   ${({ isPlaying }) => isPlaying && "display: none;"}
   z-index: 2;
 `;

diff --git a/src/stories/player/parts/floatingControls.tsx b/src/stories/player/parts/floatingControls.tsx
@@ -11,6 +11,7 @@ export const FloatingContainer = styled.div<WrapperProps>`
   right: 0;
   ${({ isPlaying }) => isPlaying && "display: none;"}
   z-index: 1;
+  height: calc(100% - 80px);
 `;
 
 const PlayIcon = styled(PlayIconComponent)``;