diff options
Diffstat (limited to 'src/view/com/util/post-embeds')
4 files changed, 22 insertions, 20 deletions
diff --git a/src/view/com/util/post-embeds/VideoEmbed.tsx b/src/view/com/util/post-embeds/VideoEmbed.tsx index 682e1966c..55ac18824 100644 --- a/src/view/com/util/post-embeds/VideoEmbed.tsx +++ b/src/view/com/util/post-embeds/VideoEmbed.tsx @@ -50,7 +50,7 @@ export function VideoEmbed({embed}: {embed: AppBskyEmbedVideo.View}) { a.rounded_sm, a.overflow_hidden, {aspectRatio}, - {backgroundColor: t.palette.black}, + {backgroundColor: 'black'}, a.my_xs, ]}> <ErrorBoundary renderError={renderError} key={key}> diff --git a/src/view/com/util/post-embeds/VideoEmbed.web.tsx b/src/view/com/util/post-embeds/VideoEmbed.web.tsx index 10b4f38d6..0001a7af5 100644 --- a/src/view/com/util/post-embeds/VideoEmbed.web.tsx +++ b/src/view/com/util/post-embeds/VideoEmbed.web.tsx @@ -9,13 +9,12 @@ import { HLSUnsupportedError, VideoEmbedInnerWeb, } from '#/view/com/util/post-embeds/VideoEmbedInner/VideoEmbedInnerWeb' -import {atoms as a, useTheme} from '#/alf' +import {atoms as a} from '#/alf' import {ErrorBoundary} from '../ErrorBoundary' import {useActiveVideoWeb} from './ActiveVideoWebContext' import * as VideoFallback from './VideoEmbedInner/VideoFallback' export function VideoEmbed({embed}: {embed: AppBskyEmbedVideo.View}) { - const t = useTheme() const ref = useRef<HTMLDivElement>(null) const gate = useGate() const {active, setActive, sendPosition, currentActiveView} = @@ -64,7 +63,7 @@ export function VideoEmbed({embed}: {embed: AppBskyEmbedVideo.View}) { style={[ a.w_full, {aspectRatio}, - {backgroundColor: t.palette.black}, + {backgroundColor: 'black'}, a.relative, a.rounded_sm, a.my_xs, diff --git a/src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx b/src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx index 4d07ee78d..6636883f1 100644 --- a/src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx +++ b/src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx @@ -29,9 +29,9 @@ export function TimeIndicator({time}: {time: number}) { paddingHorizontal: 6, paddingVertical: 3, position: 'absolute', - left: 5, - bottom: 5, - minHeight: 20, + left: 6, + bottom: 6, + minHeight: 21, justifyContent: 'center', }, ]}> diff --git a/src/view/com/util/post-embeds/VideoEmbedInner/VideoEmbedInnerNative.tsx b/src/view/com/util/post-embeds/VideoEmbedInner/VideoEmbedInnerNative.tsx index f5ee139e6..59f9d9f97 100644 --- a/src/view/com/util/post-embeds/VideoEmbedInner/VideoEmbedInnerNative.tsx +++ b/src/view/com/util/post-embeds/VideoEmbedInner/VideoEmbedInnerNative.tsx @@ -167,17 +167,20 @@ function VideoControls({ /> <Animated.View entering={FadeInDown.duration(300)} - style={{ - backgroundColor: 'rgba(0, 0, 0, 0.5)', - borderRadius: 6, - paddingHorizontal: 6, - paddingVertical: 3, - position: 'absolute', - bottom: 5, - right: 5, - minHeight: 20, - justifyContent: 'center', - }}> + style={[ + a.absolute, + a.rounded_full, + a.justify_center, + { + backgroundColor: 'rgba(0, 0, 0, 0.5)', + paddingHorizontal: 4, + paddingVertical: 4, + bottom: 6, + right: 6, + minHeight: 21, + minWidth: 21, + }, + ]}> <Pressable onPress={toggleMuted} style={a.flex_1} @@ -186,9 +189,9 @@ function VideoControls({ accessibilityRole="button" hitSlop={HITSLOP_30}> {isMuted ? ( - <MuteIcon width={14} fill={t.palette.white} /> + <MuteIcon width={13} fill={t.palette.white} /> ) : ( - <UnmuteIcon width={14} fill={t.palette.white} /> + <UnmuteIcon width={13} fill={t.palette.white} /> )} </Pressable> </Animated.View> |