\n
\n \n
\n \n
\n\n\n","import { render } from \"./Loading.vue?vue&type=template&id=4d9c871b&scoped=true\"\nconst script = {}\n\nimport \"./Loading.vue?vue&type=style&index=0&id=4d9c871b&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-4d9c871b\"\n\nexport default script","\n\n","import script from \"./Api.vue?vue&type=script&lang=js\"\nexport * from \"./Api.vue?vue&type=script&lang=js\"\n\nexport default script","\n","import script from \"./DateTime.vue?vue&type=script&lang=js\"\nexport * from \"./DateTime.vue?vue&type=script&lang=js\"\n\nexport default script","\n","import script from \"./Events.vue?vue&type=script&lang=js\"\nexport * from \"./Events.vue?vue&type=script&lang=js\"\n\nexport default script","\n","import script from \"./Notification.vue?vue&type=script&lang=js\"\nexport * from \"./Notification.vue?vue&type=script&lang=js\"\n\nexport default script","\n","import script from \"./Types.vue?vue&type=script&lang=js\"\nexport * from \"./Types.vue?vue&type=script&lang=js\"\n\nexport default script","\n","import script from \"./Utils.vue?vue&type=script&lang=js\"\nexport * from \"./Utils.vue?vue&type=script&lang=js\"\n\nexport default script","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Loading.vue?vue&type=style&index=0&id=4d9c871b&lang=scss&scoped=true\"","\n \n \n
\n \n \n \n
\n\n\n\n\n","\n \n \n
\n\n\n\n\n","import { render } from \"./Notification.vue?vue&type=template&id=7646705e&scoped=true&bindings={\\\"id\\\":\\\"props\\\",\\\"text\\\":\\\"props\\\",\\\"html\\\":\\\"props\\\",\\\"title\\\":\\\"props\\\",\\\"image\\\":\\\"props\\\",\\\"link\\\":\\\"props\\\",\\\"error\\\":\\\"props\\\",\\\"warning\\\":\\\"props\\\",\\\"clicked\\\":\\\"options\\\"}\"\nimport script from \"./Notification.vue?vue&type=script&lang=js\"\nexport * from \"./Notification.vue?vue&type=script&lang=js\"\n\nimport \"./Notification.vue?vue&type=style&index=0&id=7646705e&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-7646705e\"\n\nexport default script","import { render } from \"./Notifications.vue?vue&type=template&id=6dc8bebc&scoped=true&bindings={\\\"duration\\\":\\\"props\\\",\\\"create\\\":\\\"options\\\",\\\"destroy\\\":\\\"options\\\"}\"\nimport script from \"./Notifications.vue?vue&type=script&lang=js\"\nexport * from \"./Notifications.vue?vue&type=script&lang=js\"\n\nimport \"./Notifications.vue?vue&type=style&index=0&id=6dc8bebc&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-6dc8bebc\"\n\nexport default script","\n \n\n\n\n","import { render } from \"./Events.vue?vue&type=template&id=341517ce&bindings={\\\"wsPort\\\":\\\"props\\\",\\\"ws\\\":\\\"data\\\",\\\"initialized\\\":\\\"data\\\",\\\"pending\\\":\\\"data\\\",\\\"opened\\\":\\\"data\\\",\\\"timeout\\\":\\\"data\\\",\\\"reconnectMsecs\\\":\\\"data\\\",\\\"handlers\\\":\\\"data\\\",\\\"onWebsocketTimeout\\\":\\\"options\\\",\\\"onMessage\\\":\\\"options\\\",\\\"onOpen\\\":\\\"options\\\",\\\"onError\\\":\\\"options\\\",\\\"onClose\\\":\\\"options\\\",\\\"init\\\":\\\"options\\\",\\\"subscribe\\\":\\\"options\\\",\\\"unsubscribe\\\":\\\"options\\\"}\"\nimport script from \"./Events.vue?vue&type=script&lang=js\"\nexport * from \"./Events.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","\n \n
\n \n
\n \n \n \n \n \n ![\"\"]()
\n \n \n \n \n
\n \n \n \n
\n\n\n\n\n\n","\n \n \n \n \n \n
\n\n \n
\n \n Assistant listening\n
\n \n \n
\n \n \n
\n \n
\n\n\n\n\n","import { render } from \"./Modal.vue?vue&type=template&id=62975272&scoped=true&bindings={\\\"id\\\":\\\"props\\\",\\\"title\\\":\\\"props\\\",\\\"width\\\":\\\"props\\\",\\\"height\\\":\\\"props\\\",\\\"visible\\\":\\\"props\\\",\\\"timeout\\\":\\\"props\\\",\\\"level\\\":\\\"props\\\",\\\"timeoutId\\\":\\\"data\\\",\\\"prevVisible\\\":\\\"data\\\",\\\"isVisible\\\":\\\"data\\\",\\\"zIndex\\\":\\\"options\\\",\\\"close\\\":\\\"options\\\",\\\"show\\\":\\\"options\\\",\\\"toggle\\\":\\\"options\\\"}\"\nimport script from \"./Modal.vue?vue&type=script&lang=js\"\nexport * from \"./Modal.vue?vue&type=script&lang=js\"\n\nimport \"./Modal.vue?vue&type=style&index=0&id=62975272&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-62975272\"\n\nexport default script","import { render } from \"./VoiceAssistant.vue?vue&type=template&id=217404dc&bindings={\\\"responseText\\\":\\\"data\\\",\\\"phrase\\\":\\\"data\\\",\\\"hideTimeout\\\":\\\"data\\\",\\\"state\\\":\\\"data\\\",\\\"reset\\\":\\\"options\\\",\\\"conversationStart\\\":\\\"options\\\",\\\"conversationEnd\\\":\\\"options\\\",\\\"speechRecognized\\\":\\\"options\\\",\\\"response\\\":\\\"options\\\",\\\"alertOn\\\":\\\"options\\\",\\\"alertOff\\\":\\\"options\\\",\\\"registerHandlers\\\":\\\"options\\\"}\"\nimport script from \"./VoiceAssistant.vue?vue&type=script&lang=js\"\nexport * from \"./VoiceAssistant.vue?vue&type=script&lang=js\"\n\nimport \"./VoiceAssistant.vue?vue&type=style&index=0&lang=scss\"\nscript.render = render\n\nexport default script","\n \n\n\n\n","import { render } from \"./Pushbullet.vue?vue&type=template&id=1fbf801e&bindings={\\\"onMessage\\\":\\\"options\\\"}\"\nimport script from \"./Pushbullet.vue?vue&type=script&lang=js\"\nexport * from \"./Pushbullet.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","import { render } from \"./App.vue?vue&type=template&id=130607d8&bindings={\\\"config\\\":\\\"data\\\",\\\"userAuthenticated\\\":\\\"data\\\",\\\"hasWebsocket\\\":\\\"options\\\",\\\"hasAssistant\\\":\\\"options\\\",\\\"hasPushbullet\\\":\\\"options\\\",\\\"onNotification\\\":\\\"options\\\",\\\"initConfig\\\":\\\"options\\\"}\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&lang=scss\"\nscript.render = render\n\nexport default script","\n \n
\n \n \n
\n \n
\n \n \n \n \n \n \n
\n
\n\n\n\n\n\n\n\n","\n \n
\n\n\n\n\n\n","import { render } from \"./Row.vue?vue&type=template&id=1b4663f2&scoped=true&bindings={\\\"class\\\":\\\"props\\\",\\\"style\\\":\\\"props\\\",\\\"classes\\\":\\\"options\\\"}\"\nimport script from \"./Row.vue?vue&type=script&lang=js\"\nexport * from \"./Row.vue?vue&type=script&lang=js\"\n\nimport \"./Row.vue?vue&type=style&index=0&id=1b4663f2&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-1b4663f2\"\n\nexport default script","\n \n
\n\n\n\n\n\n","import { render } from \"./Widget.vue?vue&type=template&id=8c529832&scoped=true&bindings={\\\"style\\\":\\\"props\\\",\\\"class\\\":\\\"props\\\",\\\"classes\\\":\\\"options\\\"}\"\nimport script from \"./Widget.vue?vue&type=script&lang=js\"\nexport * from \"./Widget.vue?vue&type=script&lang=js\"\n\nimport \"./Widget.vue?vue&type=style&index=0&id=8c529832&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-8c529832\"\n\nexport default script","import { render } from \"./Dashboard.vue?vue&type=template&id=0ba67711&scoped=true&bindings={\\\"refreshSeconds\\\":\\\"props\\\",\\\"rows\\\":\\\"data\\\",\\\"loading\\\":\\\"data\\\",\\\"style\\\":\\\"data\\\",\\\"class\\\":\\\"data\\\",\\\"classes\\\":\\\"options\\\",\\\"parseTemplate\\\":\\\"options\\\",\\\"refreshDashboard\\\":\\\"options\\\"}\"\nimport script from \"./Dashboard.vue?vue&type=script&lang=js\"\nexport * from \"./Dashboard.vue?vue&type=script&lang=js\"\n\nimport \"./Dashboard.vue?vue&type=style&index=0&id=0ba67711&lang=scss&scoped=true\"\nimport \"./Dashboard.vue?vue&type=style&index=1&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-0ba67711\"\n\nexport default script","\n Object not found
\n\n\n\n\n","import { render } from \"./NotFound.vue?vue&type=template&id=49501f4d&bindings={}\"\nimport script from \"./NotFound.vue?vue&type=script&lang=js\"\nexport * from \"./NotFound.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","\n\n \n
\n\n\n\n\n\n","import { render } from \"./Login.vue?vue&type=template&id=4aa616d8&bindings={\\\"register\\\":\\\"props\\\",\\\"_register\\\":\\\"options\\\"}\"\nimport script from \"./Login.vue?vue&type=script&lang=js\"\nexport * from \"./Login.vue?vue&type=script&lang=js\"\n\nimport \"./Login.vue?vue&type=style&index=0&lang=scss\"\nscript.render = render\n\nexport default script","\n \n
\n\n\n","import { render } from \"./Loading.vue?vue&type=template&id=4d9c871b&scoped=true\"\nconst script = {}\n\nimport \"./Loading.vue?vue&type=style&index=0&id=4d9c871b&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-4d9c871b\"\n\nexport default script","\n\n","import script from \"./Api.vue?vue&type=script&lang=js\"\nexport * from \"./Api.vue?vue&type=script&lang=js\"\n\nexport default script","\n","import script from \"./DateTime.vue?vue&type=script&lang=js\"\nexport * from \"./DateTime.vue?vue&type=script&lang=js\"\n\nexport default script","\n","import script from \"./Events.vue?vue&type=script&lang=js\"\nexport * from \"./Events.vue?vue&type=script&lang=js\"\n\nexport default script","\n","import script from \"./Notification.vue?vue&type=script&lang=js\"\nexport * from \"./Notification.vue?vue&type=script&lang=js\"\n\nexport default script","\n","import script from \"./Types.vue?vue&type=script&lang=js\"\nexport * from \"./Types.vue?vue&type=script&lang=js\"\n\nexport default script","\n","import script from \"./Utils.vue?vue&type=script&lang=js\"\nexport * from \"./Utils.vue?vue&type=script&lang=js\"\n\nexport default script","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Loading.vue?vue&type=style&index=0&id=4d9c871b&lang=scss&scoped=true\"","\n \n \n
\n \n \n \n
\n\n\n\n\n","\n \n \n
\n\n\n\n\n","import { render } from \"./Notification.vue?vue&type=template&id=7646705e&scoped=true&bindings={\\\"id\\\":\\\"props\\\",\\\"text\\\":\\\"props\\\",\\\"html\\\":\\\"props\\\",\\\"title\\\":\\\"props\\\",\\\"image\\\":\\\"props\\\",\\\"link\\\":\\\"props\\\",\\\"error\\\":\\\"props\\\",\\\"warning\\\":\\\"props\\\",\\\"clicked\\\":\\\"options\\\"}\"\nimport script from \"./Notification.vue?vue&type=script&lang=js\"\nexport * from \"./Notification.vue?vue&type=script&lang=js\"\n\nimport \"./Notification.vue?vue&type=style&index=0&id=7646705e&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-7646705e\"\n\nexport default script","import { render } from \"./Notifications.vue?vue&type=template&id=6dc8bebc&scoped=true&bindings={\\\"duration\\\":\\\"props\\\",\\\"create\\\":\\\"options\\\",\\\"destroy\\\":\\\"options\\\"}\"\nimport script from \"./Notifications.vue?vue&type=script&lang=js\"\nexport * from \"./Notifications.vue?vue&type=script&lang=js\"\n\nimport \"./Notifications.vue?vue&type=style&index=0&id=6dc8bebc&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-6dc8bebc\"\n\nexport default script","\n \n\n\n\n","import { render } from \"./Events.vue?vue&type=template&id=341517ce&bindings={\\\"wsPort\\\":\\\"props\\\",\\\"ws\\\":\\\"data\\\",\\\"initialized\\\":\\\"data\\\",\\\"pending\\\":\\\"data\\\",\\\"opened\\\":\\\"data\\\",\\\"timeout\\\":\\\"data\\\",\\\"reconnectMsecs\\\":\\\"data\\\",\\\"handlers\\\":\\\"data\\\",\\\"onWebsocketTimeout\\\":\\\"options\\\",\\\"onMessage\\\":\\\"options\\\",\\\"onOpen\\\":\\\"options\\\",\\\"onError\\\":\\\"options\\\",\\\"onClose\\\":\\\"options\\\",\\\"init\\\":\\\"options\\\",\\\"subscribe\\\":\\\"options\\\",\\\"unsubscribe\\\":\\\"options\\\"}\"\nimport script from \"./Events.vue?vue&type=script&lang=js\"\nexport * from \"./Events.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","\n \n
\n \n
\n \n \n \n \n \n ![\"\"]()
\n \n \n \n \n
\n \n \n \n
\n\n\n\n\n\n","\n \n \n \n \n \n
\n\n \n
\n \n Assistant listening\n
\n \n \n
\n \n \n
\n \n
\n\n\n\n\n","import { render } from \"./Modal.vue?vue&type=template&id=62975272&scoped=true&bindings={\\\"id\\\":\\\"props\\\",\\\"title\\\":\\\"props\\\",\\\"width\\\":\\\"props\\\",\\\"height\\\":\\\"props\\\",\\\"visible\\\":\\\"props\\\",\\\"timeout\\\":\\\"props\\\",\\\"level\\\":\\\"props\\\",\\\"timeoutId\\\":\\\"data\\\",\\\"prevVisible\\\":\\\"data\\\",\\\"isVisible\\\":\\\"data\\\",\\\"zIndex\\\":\\\"options\\\",\\\"close\\\":\\\"options\\\",\\\"show\\\":\\\"options\\\",\\\"toggle\\\":\\\"options\\\"}\"\nimport script from \"./Modal.vue?vue&type=script&lang=js\"\nexport * from \"./Modal.vue?vue&type=script&lang=js\"\n\nimport \"./Modal.vue?vue&type=style&index=0&id=62975272&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-62975272\"\n\nexport default script","import { render } from \"./VoiceAssistant.vue?vue&type=template&id=217404dc&bindings={\\\"responseText\\\":\\\"data\\\",\\\"phrase\\\":\\\"data\\\",\\\"hideTimeout\\\":\\\"data\\\",\\\"state\\\":\\\"data\\\",\\\"reset\\\":\\\"options\\\",\\\"conversationStart\\\":\\\"options\\\",\\\"conversationEnd\\\":\\\"options\\\",\\\"speechRecognized\\\":\\\"options\\\",\\\"response\\\":\\\"options\\\",\\\"alertOn\\\":\\\"options\\\",\\\"alertOff\\\":\\\"options\\\",\\\"registerHandlers\\\":\\\"options\\\"}\"\nimport script from \"./VoiceAssistant.vue?vue&type=script&lang=js\"\nexport * from \"./VoiceAssistant.vue?vue&type=script&lang=js\"\n\nimport \"./VoiceAssistant.vue?vue&type=style&index=0&lang=scss\"\nscript.render = render\n\nexport default script","\n \n\n\n\n","import { render } from \"./Pushbullet.vue?vue&type=template&id=1fbf801e&bindings={\\\"onMessage\\\":\\\"options\\\"}\"\nimport script from \"./Pushbullet.vue?vue&type=script&lang=js\"\nexport * from \"./Pushbullet.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","import { render } from \"./App.vue?vue&type=template&id=130607d8&bindings={\\\"config\\\":\\\"data\\\",\\\"userAuthenticated\\\":\\\"data\\\",\\\"hasWebsocket\\\":\\\"options\\\",\\\"hasAssistant\\\":\\\"options\\\",\\\"hasPushbullet\\\":\\\"options\\\",\\\"onNotification\\\":\\\"options\\\",\\\"initConfig\\\":\\\"options\\\"}\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&lang=scss\"\nscript.render = render\n\nexport default script","\n \n
\n \n \n
\n \n
\n \n \n \n \n \n \n
\n
\n\n\n\n\n\n\n\n","\n \n
\n\n\n\n\n\n","import { render } from \"./Row.vue?vue&type=template&id=1b4663f2&scoped=true&bindings={\\\"class\\\":\\\"props\\\",\\\"style\\\":\\\"props\\\",\\\"classes\\\":\\\"options\\\"}\"\nimport script from \"./Row.vue?vue&type=script&lang=js\"\nexport * from \"./Row.vue?vue&type=script&lang=js\"\n\nimport \"./Row.vue?vue&type=style&index=0&id=1b4663f2&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-1b4663f2\"\n\nexport default script","\n \n
\n\n\n\n\n\n","import { render } from \"./Widget.vue?vue&type=template&id=8c529832&scoped=true&bindings={\\\"style\\\":\\\"props\\\",\\\"class\\\":\\\"props\\\",\\\"classes\\\":\\\"options\\\"}\"\nimport script from \"./Widget.vue?vue&type=script&lang=js\"\nexport * from \"./Widget.vue?vue&type=script&lang=js\"\n\nimport \"./Widget.vue?vue&type=style&index=0&id=8c529832&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-8c529832\"\n\nexport default script","import { render } from \"./Dashboard.vue?vue&type=template&id=0ba67711&scoped=true&bindings={\\\"refreshSeconds\\\":\\\"props\\\",\\\"rows\\\":\\\"data\\\",\\\"loading\\\":\\\"data\\\",\\\"style\\\":\\\"data\\\",\\\"class\\\":\\\"data\\\",\\\"classes\\\":\\\"options\\\",\\\"parseTemplate\\\":\\\"options\\\",\\\"refreshDashboard\\\":\\\"options\\\"}\"\nimport script from \"./Dashboard.vue?vue&type=script&lang=js\"\nexport * from \"./Dashboard.vue?vue&type=script&lang=js\"\n\nimport \"./Dashboard.vue?vue&type=style&index=0&id=0ba67711&lang=scss&scoped=true\"\nimport \"./Dashboard.vue?vue&type=style&index=1&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-0ba67711\"\n\nexport default script","\n Object not found
\n\n\n\n\n","import { render } from \"./NotFound.vue?vue&type=template&id=49501f4d&bindings={}\"\nimport script from \"./NotFound.vue?vue&type=script&lang=js\"\nexport * from \"./NotFound.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","\n\n \n
\n\n\n\n\n\n","import { render } from \"./Login.vue?vue&type=template&id=4aa616d8&bindings={\\\"register\\\":\\\"props\\\",\\\"_register\\\":\\\"options\\\"}\"\nimport script from \"./Login.vue?vue&type=script&lang=js\"\nexport * from \"./Login.vue?vue&type=script&lang=js\"\n\nimport \"./Login.vue?vue&type=style&index=0&lang=scss\"\nscript.render = render\n\nexport default script","\n \n
\n \n
\n
+
+
+
+
+
+
+
+
diff --git a/platypush/backend/http/webapp/src/components/Light/Group.vue b/platypush/backend/http/webapp/src/components/Light/Group.vue
index e4f3c6a239..d387b7e40e 100644
--- a/platypush/backend/http/webapp/src/components/Light/Group.vue
+++ b/platypush/backend/http/webapp/src/components/Light/Group.vue
@@ -1,31 +1,79 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
No lights found
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ scene.name || `[Scene ${scene.id}]` }}
+
+
+
+
diff --git a/platypush/backend/http/webapp/src/components/MenuPanel.vue b/platypush/backend/http/webapp/src/components/MenuPanel.vue
index e1c86f2484..30b6e2f827 100644
--- a/platypush/backend/http/webapp/src/components/MenuPanel.vue
+++ b/platypush/backend/http/webapp/src/components/MenuPanel.vue
@@ -1,19 +1,14 @@
@@ -27,15 +22,16 @@ export default {
background: $menu-panel-bg;
padding-top: 2em;
- ul {
+ .content {
background: $menu-panel-content-bg;
border-radius: 15px;
box-shadow: $plugin-panel-shadow;
border: 0;
- li {
+ .panel-row {
display: flex;
- padding: 0.5em;
+ margin: 0 !important;
+ padding: 1em;
box-shadow: $plugin-panel-entry-shadow;
cursor: pointer;
border: 0;
@@ -54,15 +50,15 @@ export default {
border-radius: 0 0 15px 15px;
box-shadow: $plugin-panel-last-entry-shadow;
}
+ }
- &.header {
+ .header {
+ background: $menu-header-bg;
+ font-weight: bold;
+ box-shadow: $menu-header-shadow;
+
+ &:hover {
background: $menu-header-bg;
- font-weight: bold;
- box-shadow: $menu-header-shadow;
-
- &:hover {
- background: $menu-header-bg;
- }
}
}
}
@@ -71,11 +67,12 @@ export default {
@media screen and (max-width: $tablet) {
.menu-panel {
padding-top: 0;
- ul {
+
+ .content {
min-width: 100%;
border-radius: 0;
- li {
+ .row {
&:first-child {
border-radius: 0;
}
@@ -90,32 +87,32 @@ export default {
@media screen and (min-width: $tablet) {
.menu-panel {
- ul {
- min-width: 65%;
+ .content {
+ min-width: 75%;
}
}
}
@media screen and (min-width: $desktop) {
.menu-panel {
- ul {
- min-width: 40%;
+ .content {
+ min-width: 50%;
}
}
}
@media screen and (min-width: $widescreen) {
.menu-panel {
- ul {
- min-width: 30%;
+ .content {
+ min-width: 40%;
}
}
}
@media screen and (min-width: $fullhd) {
.menu-panel {
- ul {
- min-width: 25%;
+ .content {
+ min-width: 35%;
}
}
}
diff --git a/platypush/backend/http/webapp/src/components/Nav.vue b/platypush/backend/http/webapp/src/components/Nav.vue
index 663d918f7e..0dccd4bb94 100644
--- a/platypush/backend/http/webapp/src/components/Nav.vue
+++ b/platypush/backend/http/webapp/src/components/Nav.vue
@@ -47,7 +47,7 @@ export default {
data() {
return {
- collapsed: false,
+ collapsed: true,
icons: icons,
host: null,
}
diff --git a/platypush/backend/http/webapp/src/components/elements/Slider.vue b/platypush/backend/http/webapp/src/components/elements/Slider.vue
new file mode 100644
index 0000000000..deb51a78f2
--- /dev/null
+++ b/platypush/backend/http/webapp/src/components/elements/Slider.vue
@@ -0,0 +1,90 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/platypush/backend/http/webapp/src/components/elements/ToggleSwitch.vue b/platypush/backend/http/webapp/src/components/elements/ToggleSwitch.vue
index 7f767ee460..a9a005779d 100644
--- a/platypush/backend/http/webapp/src/components/elements/ToggleSwitch.vue
+++ b/platypush/backend/http/webapp/src/components/elements/ToggleSwitch.vue
@@ -109,7 +109,7 @@ export default {
border-radius: 50%;
box-shadow: $toggle-dot-shadow;
left: -0.25em;
- top: -1px;
+ top: -0.05em;
transform: translateX(var(--offset, 0));
transition: transform .4s, box-shadow .4s;
@@ -152,7 +152,7 @@ export default {
font-size: 1em;
font-weight: 500;
color: #A6ACCD;
- transform: translateY(4px);
+ transform: translateY(0.2em);
transition: opacity .4s, transform .4s;
}
}
@@ -162,7 +162,7 @@ export default {
pointer-events: none;
& + span {
opacity: 1;
- transform: translateY(12px);
+ transform: translateY(0.6em);
}
}
}
diff --git a/platypush/backend/http/webapp/src/components/panels/Light/Index.vue b/platypush/backend/http/webapp/src/components/panels/Light/Index.vue
index 3197f2e4a0..c1920b6349 100644
--- a/platypush/backend/http/webapp/src/components/panels/Light/Index.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Light/Index.vue
@@ -1,10 +1,15 @@
-
-