pimhwang
/
owncast
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fix: #1904 CSS Improvements on Admin Page (#2790) 

* fix: #1904 CSS Improvements on Admin Page

* Prettified Code!

---------

Co-authored-by: thisProjects <wibbet@wobbet.com>
Co-authored-by: thisprojects <thisprojects@users.noreply.github.com>
pull/2809/head
Nathan 2 years ago committed by GitHub
parent
877fe1307a
commit
84a0c2f169
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 47 additions and 6 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      web/components/admin/MainLayout.tsx
  2. 51
      web/public/styles/admin/home.css

2
web/components/admin/MainLayout.tsx
Unescape View File

@ -277,7 +277,7 @@ export const MainLayout: FC<MainLayoutProps> = ({ children }) => { @@ -277,7 +277,7 @@ export const MainLayout: FC<MainLayoutProps> = ({ children }) => {
},
];
return (
<Layout className={appClass}>
<Layout id="admin-page" className={appClass}>
<Head>
<title>Owncast Admin</title>
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png" />

51
web/public/styles/admin/home.css
Unescape View File

@ -1,29 +1,60 @@ @@ -1,29 +1,60 @@
.home-container .online-status-section {
margin-bottom: 1em;
}
.home-container .online-status-section .online-details-card {
border-color: var(--theme-color-palette-6);
border-color: var(--theme-color-palette-15);
}
.home-container .stream-details-item-container {
margin: 1em 0;
}
.home-container .stream-details-item-container:first-of-type {
margin-top: 0;
}
.home-container .stream-details > .ant-card-bordered {
border-color: rgba(255, 255, 255, 0.1);
}
.home-container .ant-card-small > .ant-card-head {
background-color: var(--primary-3);
}
#admin-page .ant-card-body {
background-color: var(--theme-color-palette-15);
border-radius: var(--theme-rounded-corners);
}
#admin-page .line-chart-container {
background-color: var(--theme-color-palette-15);
border-radius: var(--theme-rounded-corners);
margin: 10px 0px 10px 0px;
}
#admin-page th {
background-color: var(--theme-color-palette-15);
}
#admin-page .ant-btn-default {
background-color: var(--theme-color-palette-14);
}
.home-container .outbound-details {
margin-bottom: 1em;
}
.offline-content .list-section {
/* background-color: var(--theme-color-palette-3); */
background-color: var(--theme-color-palette-15);
border-radius: var(--theme-rounded-corners);
padding: 1em;
}
.offline-content .list-section > .ant-card {
margin-bottom: 1em;
}
.offline-intro {
display: flex;
flex-direction: row;
@ -31,33 +62,42 @@ @@ -31,33 +62,42 @@
align-items: center;
margin-bottom: 2em;
}
.offline-intro .logo-svg {
height: 6em;
width: 6em;
}
.news-feed {
margin-top: 0;
padding: 1.5em;
border: 1px solid var(--theme-color-palette-15);
background-color: var(--theme-color-palette-15);
border-radius: var(--theme-rounded-corners);
}
.news-feed h2 {
font-size: 1.2em;
margin-top: 0;
color: var(--theme-color-palette-11);
color: var(--theme-color-palette-1);
}
.news-feed article {
padding: 1em 0.25em;
font-size: 0.9rem;
color: var(--white-75);
border-bottom: 1px solid var(--theme-color-palette-10);
border-bottom: 1px solid var(--theme-color-palette-15);
}
.news-feed article h3 {
font-size: 1.2em;
}
.news-feed article h3 a {
font-weight: 400;
font-size: 1em;
}
.news-feed article .timestamp {
margin-top: 0;
font-size: 0.75em;
@ -65,7 +105,8 @@ @@ -65,7 +105,8 @@
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
background-color: var(--theme-color-palette-5);
background-color: var(--theme-color-palette-3);
border-radius: var(--theme-rounded-corners);
}
.ant-card-body {

Write Preview
Loading…
Cancel
Save