gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: remove theme settings correctly

Browse Source
This commit is contained in:
Oliver Eyton-Williams
2019-08-22 14:14:26 +02:00
committed by mrugesh
parent 12a2b47b17
commit ab806c1e5d
3 changed files with 11 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/settings/Theme.js
View File

@ -4,8 +4,6 @@ import { Form } from '@freecodecamp/react-bootstrap';
import ToggleSetting from './ToggleSetting';
import './theme-settings.css';
const propTypes = {
currentTheme: PropTypes.string.isRequired,
toggleNightMode: PropTypes.func.isRequired

10
client/src/components/settings/theme-settings.css
View File

@ -1,10 +0,0 @@
#theme-settings-container {
display: flex;
justify-content: space-between;
}
#theme-settings-container .theme-label {
display: flex;
align-items: center;
margin: 0;
}

13
client/src/components/settings/toggle-setting.css
View File

@ -4,6 +4,12 @@
margin-bottom: 5px;
}
.toggle-setting-container .toggle-label {
display: flex;
flex-direction: column;
justify-content: center;
}
.toggle-setting-container .btn-group {
padding-left: 5px;
}
@ -23,8 +29,11 @@
flex: 0 1 auto;
}
.toggle-setting-container .btn-group,
.theme-setting-container .btn-group {
.toggle-setting-container .toggle-label {
justify-content: flex-start;
}
.toggle-setting-container .btn-group {
flex-direction: column;
align-items: stretch;
justify-content: flex-start;