0
owncast/web/public/styles/admin/config-video-variants.css
Germaine Lee 264876cbd3
Update video passthrough warning banner styling (#3810)
Update styling for better contrast and legibility.

Closes #3798
2024-07-03 07:19:46 -07:00

78 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;
}