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

correct theme style at settings page

Browse Source
This commit is contained in:
lukas
2020-07-27 21:14:56 +02:00
parent aa741c5a90
commit 0ec4954ec5
5 changed files with 34 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/SettingsPage/GeneralSettings.js
View File

@ -1,6 +1,9 @@
import React from "react";
import {Button, Col, Form} from "react-bootstrap";
import style from "./GeneralSettings.module.css"
import StaticInfos from "../../GlobalInfos";
import darktheme from "../../AppDarkTheme.module.css";
import lighttheme from "../../AppLightTheme.module.css";
class GeneralSettings extends React.Component {
constructor(props) {
@ -37,9 +40,10 @@ class GeneralSettings extends React.Component {
}
render() {
const themeStyle = StaticInfos.isDarkTheme() ? darktheme : lighttheme;
return (
<>
<div className={style.GeneralForm}>
<div className={style.GeneralForm + ' ' + themeStyle.subtextcolor}>
<Form data-testid='mainformsettings' onSubmit={(e) => {
e.preventDefault();
this.saveSettings();

7
src/pages/SettingsPage/SettingsPage.module.css
View File

@ -3,8 +3,11 @@
float: left;
width: 10%;
background-color: #d3dcef;
min-height: calc(100vh - 56px);
min-height: calc(100vh - 62px);
min-width: 110px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.SettingsSidebarTitle {
@ -37,4 +40,4 @@
box-shadow: #7d8dd4 0 0 0 5px;
transition: all 300ms;
cursor: pointer;
}
}