From b2e31c158da6e4ab2093b6e62167efd01cd6d9ca Mon Sep 17 00:00:00 2001
From: Bogdan Pilyugin <bogd@live.ru>
Date: Mon, 21 Aug 2023 13:12:43 +0200
Subject: [PATCH] ota card style moved to the component

---
 cards/SystemCard.vue | 18 ++++++++++++++++++
 comp.css             | 32 ++++++++++++++++++++++++++++++++
 network.js           |  1 +
 3 files changed, 51 insertions(+)
 create mode 100644 comp.css

diff --git a/cards/SystemCard.vue b/cards/SystemCard.vue
index 1c5b227..103cc37 100644
--- a/cards/SystemCard.vue
+++ b/cards/SystemCard.vue
@@ -22,6 +22,24 @@
   </q-card>
 </template>
 
+<style>
+.clerr .clwarn .clok {
+  font-weight: bold;
+}
+
+.clerr {
+  color: #b00000;
+}
+
+.clwarn {
+  color: #b0b000;
+}
+
+.clok {
+  color: #00b000;
+}
+</style>
+
 <script setup>
 import { reactive } from "vue";
 import { PostData } from "components/webguicomp/network"
diff --git a/comp.css b/comp.css
new file mode 100644
index 0000000..0871dc4
--- /dev/null
+++ b/comp.css
@@ -0,0 +1,32 @@
+.body {
+  background: #e0e0e0;
+}
+.card {
+ border-radius: 10px;
+ font-family: monospace;
+ font-size: medium;
+ break-inside: avoid;
+ margin: 0 0 10px 10px;
+}
+
+.cardholder {
+ column-count: 1;
+ column-gap: 0;
+
+ padding: 10px 10px 10px 0;
+}
+@media (min-width: 1024px) {
+ .cardholder {
+   column-count: 2;
+ }
+}
+@media (min-width: 1400px) {
+ .cardholder {
+   column-count: 3;
+ }
+}
+
+.clerr .clwarn .clok {font-weight:bold;}
+.clerr {color:#b00000;}
+.clwarn {color:#b0b000;}
+.clok {color:#00b000;}
diff --git a/network.js b/network.js
index 0f84e46..3bce7f8 100644
--- a/network.js
+++ b/network.js
@@ -18,6 +18,7 @@ function PostData(varlist, messtype, applytype, onfinished) {
   pld.data = data;
   pld.signature = sha256.hmac(SHA256_HMAC_KEY, JSON.stringify(data));
 
+
   api
     .post(API_URL, JSON.stringify(pld), {
       headers: { "Content-Type": "application/json" },