floating
This commit is contained in:
parent
239485fab6
commit
93fb9bf192
@ -0,0 +1,8 @@
|
||||
ledbutton2 {
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
p.clear {
|
||||
clear: both;
|
||||
}
|
@ -8,22 +8,19 @@
|
||||
Wohnzimmer
|
||||
</mat-panel-title>
|
||||
</mat-expansion-panel-header>
|
||||
<table id="maintable">
|
||||
<tr>
|
||||
<td>
|
||||
<ledbutton2 topic="led/test1" label="Küche Deckenlampe"></ledbutton2>
|
||||
</td>
|
||||
<td>
|
||||
<ledbutton2 topic="led/test2" label="Keller normal"></ledbutton2>
|
||||
</td>
|
||||
<td>
|
||||
<ledbutton2 topic="led/test3" label="Keller hell"></ledbutton2>
|
||||
</td>
|
||||
<td>
|
||||
<ledbutton2 topic="led/test4" label="test4"></ledbutton2>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<ledbutton2 topic="led/test1" label="Küche Deckenlampe"></ledbutton2>
|
||||
<ledbutton2 topic="led/test2" label="Keller normal"></ledbutton2>
|
||||
<ledbutton2 topic="led/test3" label="Keller hell"></ledbutton2>
|
||||
<ledbutton2 topic="led/test4" label="test4"></ledbutton2>
|
||||
<ledbutton2 topic="led/test1" label="Küche Deckenlampe"></ledbutton2>
|
||||
<ledbutton2 topic="led/test2" label="Keller normal"></ledbutton2>
|
||||
<ledbutton2 topic="led/test3" label="Keller hell"></ledbutton2>
|
||||
<ledbutton2 topic="led/test4" label="test4"></ledbutton2>
|
||||
<p class="clear"></p>
|
||||
</mat-expansion-panel>
|
||||
<mat-expansion-panel>
|
||||
<mat-expansion-panel-header>
|
||||
|
@ -5,7 +5,7 @@ import { MqttclientService } from '../mqttclient.service'
|
||||
selector: 'ledbutton2',
|
||||
template: `
|
||||
<div [ngStyle]="{ 'text-align': 'center', 'background-color':'lightgrey', 'border-radius':'10px',
|
||||
'width': '150px', 'padding':'5px',
|
||||
'width': '150px', 'padding':'5px', 'margin': '5px',
|
||||
'font-family': 'sans-serif' }">
|
||||
{{label}}<br/>
|
||||
<button mat-mini-fab color="primary" (click)="clickOff()" [ngStyle]="{'font-size':'100%'}">off</button>
|
||||
|
Loading…
x
Reference in New Issue
Block a user