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
9
const fg = t.name === 'light' ? t.palette.contrast_975 : t.palette.contrast_25
10
10
11
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
-
]}>
12
+
<>
24
13
<View
25
14
style={[
26
-
a.absolute,
27
-
a.inset_0,
15
+
a.rounded_full,
28
16
{
29
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,
30
24
opacity: 0.7,
31
25
},
32
26
]}
33
27
/>
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>
28
+
<PlayIcon width={size} fill={fg} style={a.absolute} />
29
+
</>
46
30
)
47
31
}