@things-factory/component-ui
Advanced tools
Comparing version 7.0.1-alpha.86 to 7.0.1-alpha.105
@@ -31,3 +31,3 @@ import '@material/web/button/text-button.js' | ||
margin: 20%; | ||
background-color: white; | ||
background-color: var(--md-sys-color-surface); | ||
padding: 10px; | ||
@@ -79,20 +79,19 @@ border-radius: 10px; | ||
${(this.tasks || []).map( | ||
task => | ||
html` | ||
<li | ||
@click="${event => { | ||
this.dispatchEvent( | ||
new CustomEvent('clickTask', { | ||
detail: { | ||
task | ||
} | ||
}) | ||
) | ||
task => html` | ||
<li | ||
@click="${event => { | ||
this.dispatchEvent( | ||
new CustomEvent('clickTask', { | ||
detail: { | ||
task | ||
} | ||
}) | ||
) | ||
event.stopPropagation() | ||
}}" | ||
> | ||
${task.name} | ||
</li> | ||
` | ||
event.stopPropagation() | ||
}}" | ||
> | ||
${task.name} | ||
</li> | ||
` | ||
)} | ||
@@ -99,0 +98,0 @@ </ul> |
@@ -34,3 +34,3 @@ import { LitElement, html, css } from 'lit' | ||
border-radius: 5px; | ||
background-color: #fff; | ||
background-color: var(--md-sys-color-surface); | ||
} | ||
@@ -37,0 +37,0 @@ #content { |
{ | ||
"name": "@things-factory/component-ui", | ||
"version": "7.0.1-alpha.86", | ||
"version": "7.0.1-alpha.105", | ||
"browser": "client/index.js", | ||
@@ -21,3 +21,3 @@ "author": "", | ||
}, | ||
"gitHead": "88d218b5a54b113011404df6c8f0e9a5fabc2dfa" | ||
"gitHead": "a21c259168f66a9ce7c2b74a7e20f057779fa5b4" | ||
} |
1150