diff --git a/packages/plugin-dev/automations/src/app/App.css b/packages/plugin-dev/automations/src/app/App.css index 345a08da8d..57a7ab51a2 100644 --- a/packages/plugin-dev/automations/src/app/App.css +++ b/packages/plugin-dev/automations/src/app/App.css @@ -125,3 +125,19 @@ table { [data-theme='dark'] .app-header { border-bottom-color: #444; } + +/* Warning box styles */ +.warning-box { + background-color: #fff3cd; + color: #856404; + padding: 1rem; + margin-bottom: 2rem; + border-radius: var(--pico-border-radius); + border: 1px solid #ffeeba; +} + +[data-theme='dark'] .warning-box { + background-color: rgba(255, 193, 7, 0.15); + color: #ffca28; + border-color: rgba(255, 193, 7, 0.3); +} diff --git a/packages/plugin-dev/automations/src/app/components/RuleList.tsx b/packages/plugin-dev/automations/src/app/components/RuleList.tsx index 076fe2e33c..764eeac0d2 100644 --- a/packages/plugin-dev/automations/src/app/components/RuleList.tsx +++ b/packages/plugin-dev/automations/src/app/components/RuleList.tsx @@ -12,10 +12,15 @@ interface RuleListProps { export function RuleList(props: RuleListProps) { return (
-
+

Automation Rules

+
+ Warning: The plugin is very powerful and using it can destroy your data. + Use at your own risk! +
+
-
- Warning: The plugin is very powerful and using it can destroy ones data -
-
@@ -61,7 +53,7 @@ export function RuleList(props: RuleListProps) { - -
{rule.name} {rule.trigger.type} + +