LogalDeveloper/owncast
0
Fork 0
Code Activity

Fix video config admin modal layout (#2414)

Browse Source 
* update the UI of admin video config modal

* fix the Video Config UI

* Prettified Code!

* update the VideoVarientForm.tsx

* Prettified Code!

Co-authored-by: dorj222 <dorj222@users.noreply.github.com>
This commit is contained in:
Jambaldorj Ochirpurev
2022-12-08 01:15:38 +01:00
committed by GitHub
parent bbcccffe98
commit cc81f2a68e
3 changed files with 108 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
web/utils/config-constants.tsx
View File

@@ -405,19 +405,39 @@ export const VIDEO_NAME_DEFAULTS = {
};
export const VIDEO_BITRATE_SLIDER_MARKS = {
[VIDEO_BITRATE_DEFAULTS.min]: `${VIDEO_BITRATE_DEFAULTS.min} ${VIDEO_BITRATE_DEFAULTS.unit}`,
[VIDEO_BITRATE_DEFAULTS.min]: {
style: {
marginLeft: '24px',
},
label: `${VIDEO_BITRATE_DEFAULTS.min} ${VIDEO_BITRATE_DEFAULTS.unit}`,
},
3000: 3000,
4500: 4500,
[VIDEO_BITRATE_DEFAULTS.max]: `${VIDEO_BITRATE_DEFAULTS.max} ${VIDEO_BITRATE_DEFAULTS.unit}`,
[VIDEO_BITRATE_DEFAULTS.max]: {
style: {
marginLeft: '-10px',
},
label: `${VIDEO_BITRATE_DEFAULTS.max} ${VIDEO_BITRATE_DEFAULTS.unit}`,
},
};
// VIDEO VARIANT FORM - encoder preset
// CPU
export const ENCODER_PRESET_SLIDER_MARKS = {
1: 'lowest',
1: {
style: {
marginLeft: '15px',
},
label: <p>lowest</p>,
},
2: '',
3: '',
4: '',
5: 'highest',
5: {
style: {
marginLeft: '-15px',
},
label: <p>highest</p>,
},
};
export const ENCODER_PRESET_TOOLTIPS = {
1: 'Lowest hardware usage - lowest quality video',