From 6dc0d11e2777c464e3f2ef45e288c051bb3fadea Mon Sep 17 00:00:00 2001
From: Bogdan Pilyugin <bogd@live.ru>
Date: Wed, 6 Sep 2023 12:49:15 +0200
Subject: [PATCH] styles for dark and light improved

---
 CardActions.vue        | 6 +++---
 SelectWiFiDialog.vue   | 4 ++--
 cards/FirmwareCard.vue | 2 +-
 cards/MQTT1Card.vue    | 2 +-
 cards/MQTT2Card.vue    | 2 +-
 cards/WifiSetCard.vue  | 5 ++---
 helpers.js             | 2 +-
 7 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/CardActions.vue b/CardActions.vue
index 2431053..3e54b8c 100644
--- a/CardActions.vue
+++ b/CardActions.vue
@@ -1,9 +1,9 @@
 <template>
   <q-card-section>
     <q-card-actions align="right">
-      <q-btn v-on:click="PostData(senddata, 1, 0, ShowDelayDialog('Data applying...', 1000, null))">Apply</q-btn>
-      <q-btn v-on:click="PostData(senddata, 1, 1, ShowDelayDialog('Data saving...', 1000, null))">Save</q-btn>
-      <q-btn v-on:click="PostData(senddata, 1, 2, ShowDelayDialog('Data saving and reboot...', 10000, null))">Save &
+      <q-btn class="btn" flat v-on:click="PostData(senddata, 1, 0, ShowDelayDialog('Data applying...', 1000, null))">Apply</q-btn>
+      <q-btn class="btn" flat v-on:click="PostData(senddata, 1, 1, ShowDelayDialog('Data saving...', 1000, null))">Save</q-btn>
+      <q-btn class="btn" flat v-on:click="PostData(senddata, 1, 2, ShowDelayDialog('Data saving and reboot...', 10000, null))">Save &
         Reboot</q-btn>
     </q-card-actions>
   </q-card-section>
diff --git a/SelectWiFiDialog.vue b/SelectWiFiDialog.vue
index a0c99c9..5661c98 100644
--- a/SelectWiFiDialog.vue
+++ b/SelectWiFiDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <q-dialog ref="dialogRef" @hide="onDialogHide">
-    <q-card class="q-dialog-plugin">
+    <q-card flat class="q-dialog-plugin">
       <div class="q-pa-md q-gutter-md">
         <q-card-section v-if="visible" align="center">
           <div><q-circular-progress indeterminate size="50px" color="primary" class="q-ma-md"></q-circular-progress></div>
@@ -11,7 +11,7 @@
             :rows-per-page-options="[0]" :pagination="pagination" @row-click="ClickOnRaw" />
         </q-card-section>
         <q-card-actions align="center">
-          <q-btn label="Cancel" @click="onDialogCancel" />
+          <q-btn flat class="btn" label="Cancel" @click="onDialogCancel" />
         </q-card-actions>
       </div>
     </q-card>
diff --git a/cards/FirmwareCard.vue b/cards/FirmwareCard.vue
index 16fa4cb..86bb046 100644
--- a/cards/FirmwareCard.vue
+++ b/cards/FirmwareCard.vue
@@ -13,7 +13,7 @@
           <div>Current firmware version: {{ data.fw_rev }}</div>
           <div>Available firmware version: {{ data.ota_newver }}</div>
           <div>Firmware status: <span v-html="data.ota_state"></span></div>
-          <q-btn label="Update manual" @click="CheckFirmware"></q-btn>
+          <q-btn flat class="btn" label="Update manual" @click="CheckFirmware"></q-btn>
         </div>
       </div>
     </q-card-section>
diff --git a/cards/MQTT1Card.vue b/cards/MQTT1Card.vue
index c8f2ea0..45d8a7a 100644
--- a/cards/MQTT1Card.vue
+++ b/cards/MQTT1Card.vue
@@ -14,7 +14,7 @@
           <q-input v-model="data.mqtt_1_clid" label="Device ID prefix" />
           <q-input v-model="data.mqtt_1_uname" label="Login" />
           <q-input type="password" v-model="data.mqtt_1_pass" label="Password" />
-          <q-btn label="Test MQTT" @click="PostData({ mqtt_1_test: '' }, 1, 0)"></q-btn>
+          <q-btn flat class="btn" label="Test MQTT" @click="PostData({ mqtt_1_test: '' }, 1, 0)"></q-btn>
         </div>
       </div>
     </q-card-section>
diff --git a/cards/MQTT2Card.vue b/cards/MQTT2Card.vue
index b034f02..081076a 100644
--- a/cards/MQTT2Card.vue
+++ b/cards/MQTT2Card.vue
@@ -14,7 +14,7 @@
           <q-input v-model="data.mqtt_2_clid" label="Device ID prefix" />
           <q-input v-model="data.mqtt_2_uname" label="Login" />
           <q-input type="password" v-model="data.mqtt_2_pass" label="Password" />
-          <q-btn label="Test MQTT" @click="PostData({ mqtt_2_test: '' }, 1, 0)"></q-btn>
+          <q-btn flat class="btn" label="Test MQTT" @click="PostData({ mqtt_2_test: '' }, 1, 0)"></q-btn>
         </div>
       </div>
     </q-card-section>
diff --git a/cards/WifiSetCard.vue b/cards/WifiSetCard.vue
index ce02bc1..7c88e2b 100644
--- a/cards/WifiSetCard.vue
+++ b/cards/WifiSetCard.vue
@@ -8,9 +8,8 @@
       <div class="q-pa-md">
         <div class="q-gutter-md q-pa-none q-pb-none">
           <q-toggle v-model="data.wifi_enab" label="WiFi enable" />
-          <q-btn label="Scan WiFi" @click="OpenScanDialog()"></q-btn>
-          <q-select v-model="wifimodestr" :options="wifimodes" :map-options="true" :emit-value="true"
-            label="WiFi mode"></q-select>
+          <q-btn class="btn" flat label="Scan WiFi" @click="OpenScanDialog()"></q-btn>
+          <q-select v-model="wifimodestr" :options="wifimodes" :map-options="true" :emit-value="true" label="WiFi mode"></q-select>
           <q-input type="number" v-model="wifipwr" label="Max power, dBm" />
           <q-input v-model="data.wifi_ap_ssid" label="WiFi network name(AP):" />
           <q-input type="password" v-model="data.wifi_ap_key" label="WiFi network key(AP):" />
diff --git a/helpers.js b/helpers.js
index 1860f65..8309d7f 100644
--- a/helpers.js
+++ b/helpers.js
@@ -15,7 +15,7 @@ function ShowDelayDialog(mess, time, onexpire) {
     progress: true,
     persistent: true, // we want the user to not be able to close it
     ok: false, // we want the user to not be able to close it
-    square: true
+    style: 'border: none; box-shadow: none;'
   })
 
   let percentage = 0