LogalDeveloper/owncast
0
Fork 0
Code Activity

Fix web project build errors

Browse Source
This commit is contained in:
Gabe Kangas
2022-05-11 23:31:31 -07:00
parent b66617961d
commit 72c01e1b9a
86 changed files with 863 additions and 813 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/styles/ant-overrides.scss
View File

@@ -356,7 +356,6 @@ textarea.ant-input {
opacity: 0.75;
}
// SELECT
.ant-select-dropdown {
background-color: var(--black);

12
web/styles/config-storage.scss
View File

@@ -1,5 +1,4 @@
// styles for Storage config section
// styles for Storage config section
.edit-storage-container {
padding: 1em;
@@ -21,9 +20,7 @@
}
}
.edit-server-details-container {
// Do something special for the stream key field
.field-streamkey-container {
margin-bottom: 1.5em;
@@ -33,7 +30,7 @@
.left-side {
display: flex;
flex-direction: row;
align-items: flex-start;
align-items: flex-start;
}
.textfield-with-submit-container {
@@ -43,7 +40,7 @@
.streamkey-actions {
white-space: nowrap;
button {
margin: .25em;
margin: 0.25em;
}
@media (max-width: 800px) {
margin-top: 2em;
@@ -54,5 +51,4 @@
.advanced-settings {
max-width: 800px;
}
}
}

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

@@ -19,40 +19,37 @@
flex-direction: row;
justify-content: flex-start;
align-items: center;
font-size: .75rem;
font-size: 0.75rem;
.status-icon {
display: inline-block;
margin-right: .5em;
margin-right: 0.5em;
}
}
/* TIP CONTAINER BASE */
.field-tip {
font-size: .8em;
font-size: 0.8em;
color: var(--white-50);
}
/*
Ideal for wrapping each Textfield on a page with many text fields in a row. This div will alternate colors and look like a table.
*/
.field-container {
padding: .85em 0 .5em;
padding: 0.85em 0 0.5em;
}
/* SEGMENT SLIDER GROUP WITH SELECTED NOTE, OR STATUS */
.segment-slider-container {
width: 100%;
margin: auto;
padding: 1em 2em .75em;
padding: 1em 2em 0.75em;
background-color: var(--owncast-purple-25);
border-radius: var(--container-border-radius);
.status-container {
width: 100%;
margin: .5em auto;
margin: 0.5em auto;
text-align: center;
}
@@ -60,7 +57,7 @@ Ideal for wrapping each Textfield on a page with many text fields in a row. This
width: 100%;
margin: 3em auto 0;
text-align: center;
font-size: .75em;
font-size: 0.75em;
line-height: normal;
color: var(--white);
padding: 1em;
@@ -69,7 +66,6 @@ Ideal for wrapping each Textfield on a page with many text fields in a row. This
}
}
.segment-tip {
width: 10em;
text-align: center;
@@ -81,4 +77,4 @@ Ideal for wrapping each Textfield on a page with many text fields in a row. This
margin-top: 8px;
text-align: justify;
line-height: 1.4em;
}
}

22
web/styles/form-textfields.scss
View File

@@ -19,7 +19,7 @@ Base styles for
padding-right: 1.25em;
text-align: right;
width: var(--form-label-container-width);
margin: .2em 0;
margin: 0.2em 0;
}
.formfield-label {
font-weight: 500;
@@ -35,7 +35,7 @@ Base styles for
&::before {
content: '*';
display: inline-block;
margin-right: .25em;
margin-right: 0.25em;
color: var(--ant-error);
}
}
@@ -54,7 +54,7 @@ Base styles for
}
.status-container {
margin: .25em;
margin: 0.25em;
width: 100%;
display: block;
&.empty {
@@ -62,9 +62,9 @@ Base styles for
visibility: visible;
}
}
.field-tip {
margin: .5em .5em;
margin: 0.5em 0.5em;
}
@media (max-width: 800px) {
@@ -103,7 +103,7 @@ Base styles for
justify-content: flex-start;
.label-spacer {
width: var(--form-label-container-width);
width: var(--form-label-container-width);
}
.lower-content {
display: flex;
@@ -117,7 +117,7 @@ Base styles for
width: 100%;
}
.status-container {
margin: .5em;
margin: 0.5em;
&.empty {
display: none;
}
@@ -125,7 +125,7 @@ Base styles for
}
.update-button-container {
visibility: hidden;
margin: .25em 0;
margin: 0.25em 0;
}
}
@@ -137,7 +137,6 @@ Base styles for
}
}
@media (max-width: 800px) {
.label-spacer {
display: none;
@@ -145,12 +144,11 @@ Base styles for
}
}
/* TOGGLE SWITCH CONTAINER BASE */
.toggleswitch-container {
margin: 2em 0 1em;
.label-side {
.label-side {
margin-top: 0;
}
@@ -159,7 +157,7 @@ Base styles for
flex-direction: row;
justify-content: flex-start;
align-items: center;
.status-container {
width: auto;
margin: 0 0 0 1em;

3
web/styles/globals.scss
View File

@@ -5,9 +5,8 @@
// --header-h: 64px;
--chat-w: 300px;
--chat-input-h: 40.5px;
}
}
html,
body {
padding: 0;

5
web/styles/pages.scss
View File

@@ -1,6 +1,5 @@
// misc styling for various /pages
// .help-page {
// .ant-result-image {
// height: 100px;
@@ -11,9 +10,9 @@
// }
// }
.upgrade-page {
h2,h3 {
h2,
h3 {
color: var(--pink);
font-size: 1.25em;
}

11
web/styles/theme.less
View File

@@ -1,4 +1,3 @@
// Do not edit directly
// Generated on Sat, 07 May 2022 17:24:18 GMT
@@ -20,7 +19,9 @@
@theme-text-color: #d0d5dd; // The color of the text in the application.
@theme-text-color-secondary: #667085;
@theme-link-color: #9e77ed;
@theme-font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
@theme-font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji';
@theme-background: #1b1a26; // The main background color of the page.
@theme-background-secondary: #16151f; // A secondary background color used in sections and controls.
@theme-rounded-corners: 5px; // The radius of rounded corners.
@@ -58,7 +59,9 @@
@color-owncast-logo-blue: #2086e1;
@color-owncast-background: #1b1a26;
@color-owncast-background-secondary: #16151f;
@font-owncast-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
@font-owncast-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji';
@owncast-purple: #7871ff;
@owncast-purple-25: rgba(120, 113, 255, 0.25);
@owncast-purple-50: rgba(120, 113, 255, 0.5);
@@ -71,4 +74,4 @@
@purple-dark: #42307d;
@default-link-color: #6941c6;
@default-bg-color: #1b1a26;
@default-text-color: #f2f4f7;
@default-text-color: #f2f4f7;