mirror of
https://github.com/owncast/owncast.git
synced 2024-11-24 13:50:06 +03:00
264876cbd3
Update styling for better contrast and legibility. Closes #3798
77 lines
1.7 KiB
CSS
77 lines
1.7 KiB
CSS
.config-video-variants .variants-table {
|
|
margin-top: 2em;
|
|
}
|
|
.config-video-variants .variants-table-module {
|
|
min-width: 400px;
|
|
}
|
|
.config-variant-form .description {
|
|
margin-top: 0;
|
|
}
|
|
.config-variant-form .passthrough-warning {
|
|
text-align: center;
|
|
padding: 1em;
|
|
color: var(--theme-color-palette-4);
|
|
font-size: 0.88em;
|
|
font-weight: 500;
|
|
background-color: var(--theme-color-palette-1);
|
|
border-radius: var(--theme-rounded-corners);
|
|
}
|
|
.config-variant-form .cpu-usage-container,
|
|
.config-variant-form .bitrate-container {
|
|
min-height: 22em;
|
|
}
|
|
.config-variant-form .advanced-settings {
|
|
margin-top: 1em;
|
|
}
|
|
.config-variant-form .advanced-settings .resolution-module,
|
|
.config-variant-form .advanced-settings .video-passthrough-module {
|
|
min-height: 30em;
|
|
}
|
|
.config-variant-form.video-passthrough-enabled .form-module:not(.video-passthrough-module) {
|
|
opacity: 0.25;
|
|
cursor: not-allowed;
|
|
}
|
|
.variants-table .actions {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.variants-table .delete-button {
|
|
margin-left: 0.5em;
|
|
opacity: 0.8;
|
|
}
|
|
.read-more-subtext {
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
.video-text-field-container {
|
|
margin-left: 12px;
|
|
margin-bottom: 30px;
|
|
}
|
|
.video-varient-alert {
|
|
margin-bottom: 30px;
|
|
}
|
|
.advanced-switch-container {
|
|
margin-left: 80px;
|
|
}
|
|
.advanced-description-switch-container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.advanced-description-wrapper {
|
|
color: black;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 16px;
|
|
}
|
|
.video-varient-alert-button-container {
|
|
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;
|
|
}
|