Mirroristas/owncast
2
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-10 19:16:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update styling of video settings admin page. Closes #2803

Browse Source
This commit is contained in:
Gabe Kangas 2023-03-14 21:34:24 -07:00
parent d1fe99f3d5
commit 6973c3d8df
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
4 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/components/admin/VideoLatency.tsx
View File

@ -20,9 +20,9 @@ const { Title } = Typography;
const SLIDER_MARKS = { const SLIDER_MARKS = {
0: 'Lowest', 0: 'Lowest',
1: '', 1: ' ',
2: '', 2: ' ',
3: '', 3: ' ',
4: 'Highest', 4: 'Highest',
}; };

2
web/pages/admin/config-video.tsx
View File

@ -27,7 +27,7 @@ export default function ConfigVideoSettings() {
qualities. qualities.
</p> </p>
<Row gutter={[16, 16]}> <Row gutter={[45, 16]}>
<Col md={24} lg={12}> <Col md={24} lg={12}>
<div className="form-module variants-table-module"> <div className="form-module variants-table-module">
<CurrentVariantsTable /> <CurrentVariantsTable />

8
web/public/styles/admin/config-video-variants.css
View File

@ -67,3 +67,11 @@
.video-varient-alert-button-container { .video-varient-alert-button-container {
width: 100vh; width: 100vh;
} }
.config-video-latency-container .segment-slider-container .ant-slider-mark-text:first-of-type {
margin-left: 20px;
}
.config-video-latency-container .segment-slider-container .ant-slider-mark-text:last-of-type {
left: 95% !important;
}

2
web/public/styles/admin/home.css
View File

@ -105,7 +105,7 @@
.ant-collapse > .ant-collapse-item:last-child, .ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header { .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
background-color: var(--theme-color-palette-3); background-color: var(--theme-color-palette-5);
border-radius: var(--theme-rounded-corners); border-radius: var(--theme-rounded-corners);
} }