nasso.dev
my fork of the bluesky client
Simplify play icon shadow (#6641)
* Simplify play icon shadow
* Make it consistent across themes
authored by
GitHub
7fa47ef3
ced67876
+10
-26
src/components/video/PlayButtonIcon.tsx
+10
-26
src/components/video/PlayButtonIcon.tsx
···
9
const fg = t.name === 'light' ? t.palette.contrast_975 : t.palette.contrast_25
10
11
return (
12
-
<View
13
-
style={[
14
-
a.rounded_full,
15
-
a.overflow_hidden,
16
-
a.align_center,
17
-
a.justify_center,
18
-
t.atoms.shadow_lg,
19
-
{
20
-
width: size + size / 1.5,
21
-
height: size + size / 1.5,
22
-
},
23
-
]}>
24
<View
25
style={[
26
-
a.absolute,
27
-
a.inset_0,
28
{
29
backgroundColor: bg,
30
opacity: 0.7,
31
},
32
]}
33
/>
34
-
<PlayIcon
35
-
width={size}
36
-
fill={fg}
37
-
style={[
38
-
a.relative,
39
-
a.z_10,
40
-
{
41
-
left: size / 50,
42
-
},
43
-
]}
44
-
/>
45
-
</View>
46
)
47
}
···
9
const fg = t.name === 'light' ? t.palette.contrast_975 : t.palette.contrast_25
10
11
return (
12
+
<>
13
<View
14
style={[
15
+
a.rounded_full,
16
{
17
backgroundColor: bg,
18
+
shadowColor: 'black',
19
+
shadowRadius: 32,
20
+
shadowOpacity: 0.5,
21
+
elevation: 24,
22
+
width: size + size / 1.5,
23
+
height: size + size / 1.5,
24
opacity: 0.7,
25
},
26
]}
27
/>
28
+
<PlayIcon width={size} fill={fg} style={a.absolute} />
29
+
</>
30
)
31
}