pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
caption settings reorganize
Co-authored-by: Jip Frijlink <JipFr@users.noreply.github.com>
+19
-18
+1
-1
src/components/player/atoms/Settings.tsx
+1
-1
src/components/player/atoms/Settings.tsx
···
51
51
<CaptionsView id={id} />
52
52
</Menu.CardWithScrollable>
53
53
</OverlayPage>
54
-
<OverlayPage id={id} path="/captions/settings" width={343} height={430}>
54
+
<OverlayPage id={id} path="/captions/settings" width={343} height={450}>
55
55
<Menu.Card>
56
56
<CaptionSettingsView id={id} />
57
57
</Menu.Card>
+18
-17
src/components/player/atoms/settings/CaptionSettingsView.tsx
+18
-17
src/components/player/atoms/settings/CaptionSettingsView.tsx
···
236
236
decimalsAllowed={1}
237
237
controlButtons
238
238
/>
239
+
<div className="flex justify-between items-center">
240
+
<Menu.FieldTitle>Fix capitalization</Menu.FieldTitle>
241
+
<div className="flex justify-center items-center">
242
+
<Toggle
243
+
enabled={overrideCasing}
244
+
onClick={() => setOverrideCasing(!overrideCasing)}
245
+
/>
246
+
</div>
247
+
</div>
248
+
<Menu.Divider />
249
+
<CaptionSetting
250
+
label="Background opacity"
251
+
max={100}
252
+
min={0}
253
+
onChange={(v) => updateStyling({ backgroundOpacity: v / 100 })}
254
+
value={styling.backgroundOpacity * 100}
255
+
textTransformer={(s) => `${s}%`}
256
+
/>
239
257
<CaptionSetting
240
258
label="Text size"
241
259
max={200}
···
244
262
onChange={(v) => updateStyling({ size: v / 100 })}
245
263
value={styling.size * 100}
246
264
/>
247
-
<CaptionSetting
248
-
label="Background opacity"
249
-
max={100}
250
-
min={0}
251
-
onChange={(v) => updateStyling({ backgroundOpacity: v / 100 })}
252
-
value={styling.backgroundOpacity * 100}
253
-
textTransformer={(s) => `${s}%`}
254
-
/>
255
265
<div className="flex justify-between items-center">
256
266
<Menu.FieldTitle>Color</Menu.FieldTitle>
257
267
<div className="flex justify-center items-center">
···
262
272
active={styling.color === v}
263
273
/>
264
274
))}
265
-
</div>
266
-
</div>
267
-
<div className="flex justify-between items-center">
268
-
<Menu.FieldTitle>Fix capitalization</Menu.FieldTitle>
269
-
<div className="flex justify-center items-center">
270
-
<Toggle
271
-
enabled={overrideCasing}
272
-
onClick={() => setOverrideCasing(!overrideCasing)}
273
-
/>
274
275
</div>
275
276
</div>
276
277
</Menu.Section>