LogalDeveloper/owncast
0
Fork 0
Code Activity

clean up video config forms and styling

Browse Source
This commit is contained in:
gingervitis
2021-02-14 18:46:34 -08:00
parent c5d4851296
commit 220c48432f
8 changed files with 149 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
web/styles/form-misc-elements.scss
View File

@@ -42,32 +42,31 @@ Ideal for wrapping each Textfield on a page with many text fields in a row. This
}
/* SEGMENT SLIDER */
/* SEGMENT SLIDER GROUP WITH SELECTED NOTE, OR STATUS */
.segment-slider-container {
width: 90%;
width: 100%;
margin: auto;
padding: 1em 2em .75em;
background-color: var(--owncast-purple-25);
border-radius: 1em;
.ant-slider-rail {
background-color: var(--black);
}
.ant-slider-track {
background-color: var(--nav-text);
}
.ant-slider-mark-text,
.ant-slider-mark-text-active {
color: var(--white);
opacity: .5;
}
.ant-slider-mark-text-active {
opacity: 1;
}
border-radius: var(--container-border-radius);
.status-container {
width: 100%;
margin: .5em auto;
text-align: center;
}
.selected-value-note {
width: 100%;
margin: 3em auto 0;
text-align: center;
font-size: .75em;
line-height: normal;
color: var(--white);
padding: 1em;
border-radius: var(--container-border-radius);
background-color: var(--black-35);
}
}