style: general lint fix

.stylelintrc

@@ -10,6 +10,7 @@
   "rules": {
     "at-rule-no-unknown": null,
     "no-descending-specificity": null,
+    "font-family-no-missing-generic-family-keyword": null,
     "declaration-colon-newline-after": "always-multi-line"
   },
   "syntax": "scss"

src/renderer/components/ModalAllConnections.vue

@@ -126,7 +126,7 @@
                         key="trick"
                         readonly
                         class="p-absolute"
-                        style="width: 1px; height: 1px; opacity: 0"
+                        style="width: 1px; height: 1px; opacity: 0;"
                         type="text"
                      >
                      <!-- workaround for useFocusTrap $lastFocusable -->
@@ -276,7 +276,6 @@ onBeforeUnmount(() => {
 }
 
 .column-resizable {
-
   &:hover,
   &:active {
     resize: horizontal;
@@ -315,29 +314,28 @@ onBeforeUnmount(() => {
 
 .connection-block {
   cursor: pointer;
-   transition: all .2s;
+  transition: all 0.2s;
   border-radius: $border-radius;
   outline: none;
 
   &:focus {
-      box-shadow: 0 0 3px .1rem rgba($primary-color, 80%);
+    box-shadow: 0 0 3px 0.1rem rgba($primary-color, 80%);
   }
 
   &:hover {
     .all-connections-buttons {
-
       .all-connections-delete,
       .all-connections-pinned,
       .all-connections-pin {
-            opacity: .5;
+        opacity: 0.5;
       }
     }
   }
 
   .all-connections-buttons {
     .all-connections-pinned {
-         opacity: .3;
+      opacity: 0.3;
-         transition: opacity .2s;
+      transition: opacity 0.2s;
 
       &:hover {
         opacity: 1;
@@ -347,7 +345,7 @@ onBeforeUnmount(() => {
     .all-connections-delete,
     .all-connections-pin {
       opacity: 0;
-         transition: opacity .2s;
+      transition: opacity 0.2s;
 
       &:hover {
         opacity: 1;

src/renderer/components/TheSettingBar.vue

@@ -327,7 +327,7 @@ watch(selectedWorkspace, (newVal, oldVal) => {
             content: "\F0403";
             color: $body-font-color-dark;
             transform: rotate(45deg);
-            opacity: .25;
+            opacity: 0.25;
             bottom: -8px;
             left: -4px;
             position: absolute;

src/renderer/components/WorkspaceAddConnectionPanel.vue

@@ -560,7 +560,7 @@ setTimeout(() => {
 .connection-panel {
   margin-left: auto;
   margin-right: auto;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
   margin-top: 1.5rem;
 
   .panel {

src/renderer/components/WorkspaceEditConnectionPanel.vue

@@ -551,7 +551,7 @@ localConnection.value = JSON.parse(JSON.stringify(props.connection));
 .connection-panel {
   margin-left: auto;
   margin-right: auto;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
   margin-top: 1.5rem;
 
   .panel {

src/renderer/components/WorkspaceQueryConsole.vue

@@ -143,6 +143,7 @@ onMounted(() => {
   .query-console {
     padding: 0;
     padding-bottom: $footer-height;
+
     .query-console-header {
       display: flex;
       justify-content: space-between;
@@ -165,8 +166,9 @@ onMounted(() => {
 
         .query-console-log-sql {
           font-size: 95%;
-               opacity: .8;
+          opacity: 0.8;
           font-weight: 700;
+
           &:hover {
             user-select: text;
           }
@@ -174,6 +176,5 @@ onMounted(() => {
       }
     }
   }
-
 }
 </style>

src/renderer/scss/_variables.scss

@@ -32,6 +32,7 @@ $footer-height: 1.5rem;
   @if $platform == linux {
     @return $footer-height;
   }
+
   @else {
     @return $footer-height + $titlebar-height;
   }

src/renderer/scss/main.scss

@@ -362,6 +362,7 @@ option:checked {
 .accordion-body {
   max-height: 5000rem !important;
 }
+
 .btn {
   &:focus {
     box-shadow: 0 0 3px 1px rgba($primary-color, 90%);