lukas/OpenMediaCenter
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases Wiki Activity

only two style files

Browse Source
This commit is contained in:
Lukas Heiligenbrunner
2020-07-26 18:17:29 +02:00
parent a3b63618b4
commit aa741c5a90
11 changed files with 63 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/elements/PageTitle/PageTitle.js
View File

@ -1,7 +1,7 @@
import React from "react";
import style from "./PageTitle.module.css"
import darktheme from "./PageTitleDarkTheme.module.css"
import lighttheme from "./PageTitleLightTheme.module.css"
import darktheme from "../../AppDarkTheme.module.css"
import lighttheme from "../../AppLightTheme.module.css"
import StaticInfos from "../../GlobalInfos";
class PageTitle extends React.Component {
@ -15,16 +15,15 @@ class PageTitle extends React.Component {
render() {
const themeStyle = StaticInfos.isDarkTheme() ? darktheme : lighttheme;
return (
<div className={style.pageheader + ' ' + themeStyle.pageheader}>
<span className={style.pageheadertitle + ' ' + themeStyle.pageheadertitle}>{this.props.title}</span>
<span className={style.pageheadersubtitle}>{this.props.subtitle}</span>
<div className={style.pageheader + ' ' + themeStyle.backgroundcolor}>
<span className={style.pageheadertitle + ' ' + themeStyle.textcolor}>{this.props.title}</span>
<span className={style.pageheadersubtitle + ' ' + themeStyle.textcolor}>{this.props.subtitle}</span>
<>
{this.props.children}
</>
<hr/>
<hr className={themeStyle.hrcolor}/>
</div>
)
;
);
}
}

5
src/elements/PageTitle/PageTitle.module.css
View File

@ -1,8 +1,5 @@
.pageheader {
margin-top: 20px;
margin-bottom: 20px;
padding-left: 22%;
padding-right: 12%;
padding: 20px 12% 20px 22%;
}
.pageheadertitle {

11
src/elements/PageTitle/PageTitleDarkTheme.module.css
View File

@ -1,11 +0,0 @@
.pageheader {
background-color: #141520;
}
.pageheadertitle {
color:white;
}
.pageheadersubtitle {
color:white;
}

0
src/elements/PageTitle/PageTitleLightTheme.module.css
View File

6
src/elements/Preview/Preview.js
View File

@ -2,6 +2,9 @@ import React from "react";
import style from "./Preview.module.css";
import Player from "../../pages/Player/Player";
import {Spinner} from "react-bootstrap";
import StaticInfos from "../../GlobalInfos";
import darktheme from "../../AppDarkTheme.module.css";
import lighttheme from "../../AppLightTheme.module.css";
class Preview extends React.Component {
constructor(props, context) {
@ -33,8 +36,9 @@ class Preview extends React.Component {
}
render() {
const themeStyle = StaticInfos.isDarkTheme() ? darktheme : lighttheme;
return (
<div className={style.videopreview} onClick={() => this.itemClick()}>
<div className={style.videopreview + ' ' + themeStyle.previewhover} onClick={() => this.itemClick()}>
<div className={style.previewtitle}>{this.state.name}</div>
<div className={style.previewpic}>
{this.state.previewpicture != null ?

2
src/elements/Preview/Preview.module.css
View File

@ -45,7 +45,7 @@
.videopreview:hover {
opacity: 1;
box-shadow: rgba(2, 12, 27, 0.7) 0px 0px 0px 5px;
/*box-shadow: rgba(2, 12, 27, 0.7) 0 0 0 5px;*/
transition: all 300ms;
}