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/ModalSettings.vue

@@ -538,7 +538,7 @@ onBeforeUnmount(() => {
     .modal-body {
       overflow: hidden;
 
-      .tab-link{
+      .tab-link {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

src/renderer/components/TheSettingBar.vue

@@ -319,7 +319,7 @@ watch(selectedWorkspace, (newVal, oldVal) => {
           }
         }
 
-        .settingbar-element-pin{
+        .settingbar-element-pin {
           margin: 0 auto;
 
           &::before {
@@ -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

@@ -119,14 +119,14 @@ onMounted(() => {
 });
 </script>
 <style lang="scss" scoped>
-.query-console-wrapper{
+.query-console-wrapper {
   width: 100%;
   z-index: 9;
   margin-top: auto;
   position: absolute;
   bottom: 0;
 
-   .query-console-resizer{
+  .query-console-resizer {
     height: 4px;
     top: -1px;
     width: 100%;
@@ -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

@@ -28,10 +28,11 @@ $settingbar-width: 3rem;
 $explorebar-width: 14rem;
 $footer-height: 1.5rem;
 
-@function get-excluding-size(){
+@function get-excluding-size() {
-   @if $platform == linux{
+  @if $platform == linux {
     @return $footer-height;
   }
+
   @else {
     @return $footer-height + $titlebar-height;
   }

src/renderer/scss/main.scss

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

src/renderer/scss/themes/dark-theme.scss

@@ -256,7 +256,7 @@
     }
   }
 
-  .connection-block{  
+  .connection-block {
     &:hover {
       background: $bg-color-light-dark;
     }

src/renderer/scss/themes/light-theme.scss

@@ -291,7 +291,7 @@
     }
   }
 
-  .connection-block{  
+  .connection-block {
     &:hover {
       background: $bg-color-light-gray;
     }