acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

add hover state to buttons

Browse Source
This commit is contained in:
Samuel Newman
2024-07-31 19:31:44 +02:00
parent 6e98dbef9d
commit 58fbd6edfd
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/view/com/util/post-embeds/VideoWebControls.web.tsx
+10 -4
View File
@@ -130,7 +130,7 @@ export function Controls({
? msg`Pause video` ? msg`Pause video`
: msg`Play video`, : msg`Play video`,
)} )}
style={[a.flex_1]} style={a.flex_1}
onPress={onPressPlayPause} onPress={onPressPlayPause}
/> />
<View <View
@@ -154,7 +154,9 @@ export function Controls({
onPress={onPressPlayPause} onPress={onPressPlayPause}
variant="ghost" variant="ghost"
shape="round" shape="round"
size="medium"> size="medium"
style={a.p_2xs}
hoverStyle={{backgroundColor: 'rgba(255, 255, 255, 0.1)'}}>
{playing ? ( {playing ? (
<PauseIcon fill={t.palette.white} width={20} /> <PauseIcon fill={t.palette.white} width={20} />
) : ( ) : (
@@ -176,7 +178,9 @@ export function Controls({
}} }}
variant="ghost" variant="ghost"
shape="round" shape="round"
size="medium"> size="medium"
style={a.p_2xs}
hoverStyle={{backgroundColor: 'rgba(255, 255, 255, 0.1)'}}>
{muted ? ( {muted ? (
<MuteIcon fill={t.palette.white} width={20} /> <MuteIcon fill={t.palette.white} width={20} />
) : ( ) : (
@@ -195,7 +199,9 @@ export function Controls({
}} }}
variant="ghost" variant="ghost"
shape="round" shape="round"
size="medium"> size="medium"
style={a.p_2xs}
hoverStyle={{backgroundColor: 'rgba(255, 255, 255, 0.1)'}}>
{isFullscreen ? ( {isFullscreen ? (
<ArrowsInIcon fill={t.palette.white} width={20} /> <ArrowsInIcon fill={t.palette.white} width={20} />
) : ( ) : (