pstream is dead; long live pstream taciturnaxolotl.github.io/pstream-ng/
1
fork

Configure Feed

Select the types of activity you want to include in your feed.

caption settings reorganize

Co-authored-by: Jip Frijlink <JipFr@users.noreply.github.com>

mrjvs 109d9054 a2968d3b

+19 -18
+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
··· 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>