feat: fade and slide in controls (#964)

This commit is contained in:
Fredrik Burmester
2025-08-20 21:59:09 +02:00
committed by GitHub
parent f2219a1daa
commit 55ce7d8cec
5 changed files with 133 additions and 84 deletions

View File

@@ -55,7 +55,6 @@ export const CenterControls: FC<CenterControlsProps> = ({
transform: [{ rotate: "270deg" }],
left: 0,
bottom: 30,
opacity: showControls ? 1 : 0,
}}
>
<BrightnessSlider />
@@ -68,7 +67,6 @@ export const CenterControls: FC<CenterControlsProps> = ({
position: "relative",
justifyContent: "center",
alignItems: "center",
opacity: showControls ? 1 : 0,
}}
>
<Ionicons
@@ -101,9 +99,6 @@ export const CenterControls: FC<CenterControlsProps> = ({
name={isPlaying ? "pause" : "play"}
size={ICON_SIZES.CENTER}
color='white'
style={{
opacity: showControls ? 1 : 0,
}}
/>
) : (
<Loader size={"large"} />
@@ -118,7 +113,6 @@ export const CenterControls: FC<CenterControlsProps> = ({
position: "relative",
justifyContent: "center",
alignItems: "center",
opacity: showControls ? 1 : 0,
}}
>
<Ionicons