heliox/old-monorepo
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add new styling

Browse source
This commit is contained in:
GHOSCHT 2020-08-01 20:59:08 +02:00
parent 7cbd7b1fb2
commit 24befd241f
3 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Dashboard/app/renderer/components/LampButtonAbsolute.js
View file

@ -9,7 +9,7 @@ export default function LampButtonToggle(props) {
return (
<div>
<Button
style={{ height: 130, width: 130, marginRight: 20 }}
style={{ height: 130, width: 130, marginLeft: 10, marginRight: 10 }}
variant="contained"
color="secondary"
endIcon={<EmojiObjectsIcon />}

10
Dashboard/app/renderer/components/LampButtonList.js
View file

@ -4,15 +4,13 @@ import LampButtonAbsolute from './LampButtonAbsolute';
export default function LampButtonList() {
return (
<div>
<div style={{ margin: 20 }}>
<div style={{ display: 'flex', justifyContent: 'center' }}>
<div style={{ display: 'flex', margin: 20 }}>
<LampButtonAbsolute title="on" />
<LampButtonAbsolute title="off" />
</div>
<LampButtonAbsolute title="on" />
<LampButtonAbsolute title="off" />
</div>
<div style={{ display: 'flex', margin: 20 }}>
<div style={{ display: 'flex', justifyContent: 'center', marginTop: 20 }}>
<LampButtonToggle lampnumber={0} />
<LampButtonToggle lampnumber={1} />
<LampButtonToggle lampnumber={2} />

2
Dashboard/app/renderer/components/LampButtonToggle.js
View file

@ -13,7 +13,7 @@ export default function LampButtonToggle(props) {
return (
<div>
<Button
style={{ height: 130, width: 130, marginRight: 20, userSelect: 'none' }}
style={{ height: 130, width: 130, marginLeft: 10, marginRight: 10 }}
variant="contained"
color={lampEnabled ? 'secondary' : 'primary'}
endIcon={<EmojiObjectsIcon />}