diff --git a/assets/css/app.css b/assets/css/app.css index b05b058e9..043baa7b6 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -408,6 +408,19 @@ input::-webkit-datetime-edit { --bs-tooltip-color: var(--bs-gray-deep); } +.card { + --bs-card-bg: var(--evcc-background); +} + +.form-control { + background-color: var(--evcc-box); + color: var(--evcc-default-text); +} + +input[type="time"]::-webkit-calendar-picker-indicator { + display: none; +} + .table { --bs-table-bg: transparent; } diff --git a/assets/js/app.js b/assets/js/app.js index a52ad19d2..06de1214c 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -3,6 +3,7 @@ import smoothscroll from "smoothscroll-polyfill"; import "../css/app.css"; import { createApp, h } from "vue"; import { createMetaManager, plugin as metaPlugin } from "vue-meta"; +import Vue3linkify from "vue-3-linkify"; import App from "./views/App.vue"; import setupRouter from "./router"; import setupI18n from "./i18n"; @@ -68,6 +69,7 @@ app.use(setupRouter(i18n)); app.use(createMetaManager()); app.use(metaPlugin); app.use(featureflags); +app.use(Vue3linkify); window.app = app.mount("#app"); watchThemeChanges(); diff --git a/assets/js/components/Config/FormRow.vue b/assets/js/components/Config/FormRow.vue new file mode 100644 index 000000000..63a896de9 --- /dev/null +++ b/assets/js/components/Config/FormRow.vue @@ -0,0 +1,31 @@ + + + diff --git a/assets/js/components/Config/PropertyField.vue b/assets/js/components/Config/PropertyField.vue new file mode 100644 index 000000000..7242b679f --- /dev/null +++ b/assets/js/components/Config/PropertyField.vue @@ -0,0 +1,126 @@ +