From 47ea8d1e5b30dd34b5107c77dc1ec1334a94635e Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Sat, 5 Oct 2024 00:27:15 +0200
Subject: [PATCH] perf: refs #7404 #7404 clean style rules

---
 src/components/common/VnInput.vue | 45 ++++++++++++------------
 src/pages/Item/ItemFixedPrice.vue | 57 +++++++++++++++++++------------
 2 files changed, 60 insertions(+), 42 deletions(-)

diff --git a/src/components/common/VnInput.vue b/src/components/common/VnInput.vue
index d4f8eb0ed..99392444a 100644
--- a/src/components/common/VnInput.vue
+++ b/src/components/common/VnInput.vue
@@ -127,27 +127,30 @@ const mixinRules = [
         inputMax: Debe ser menor a {value}
 </i18n>
 <style lang="scss">
-.q-field__append {
-    padding-inline: 0;
-}
-.q-field.q-field--rounded > .q-field__inner > .q-field__control {
-    align-items: center;
-    height: 40px;
-}
-.q-field.q-field--labeled:not(.q-field--outlined) > .q-field__inner > .q-field__control {
-    height: 40px;
-}
-.q-field__append.q-field__marginal.row.no-wrap.items-center.row {
-    height: 35px;
-}
-.q-field--labeled {
-    .q-field__native,
-    .q-field__prefix,
-    .q-field__suffix,
-    .q-field__input {
-        padding-bottom: 0;
-        min-height: fit-content;
-        align-items: flex-start;
+.q-field {
+    &__append {
+        padding-inline: 0;
+
+        &.q-field__marginal.row.no-wrap.items-center.row {
+            height: 35px;
+        }
+    }
+
+    &--rounded > .q-field__inner > .q-field__control,
+    &--labeled:not(&--outlined) > .q-field__inner > .q-field__control {
+        height: 40px;
+        align-items: center;
+    }
+
+    &--labeled {
+        .q-field__native,
+        .q-field__prefix,
+        .q-field__suffix,
+        .q-field__input {
+            padding-bottom: 0;
+            min-height: fit-content;
+            align-items: flex-start;
+        }
     }
 }
 </style>
diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
index 2223cfbd9..5283d6aad 100644
--- a/src/pages/Item/ItemFixedPrice.vue
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -584,33 +584,41 @@ function handleOnDataSave({ CrudModelRef }) {
     </QPage>
 </template>
 <style lang="scss">
-.q-table th,
-.q-table td {
-    padding-inline: 5px !important;
-}
-.q-table tr td {
-    font-size: 10pt;
-    border-top: none;
-    border-collapse: collapse;
-}
-.q-table tbody td {
-    max-width: none;
-    .q-td.col {
-        & .vnInputDate {
-            min-width: 90px;
-        }
-        & div.row {
-            & .q-checkbox {
-                & .q-checkbox__inner {
-                    position: relative !important;
-                    &.q-checkbox__inner--truthy {
-                        color: var(--q-primary);
+.q-table {
+    th,
+    td {
+        padding-inline: 5px !important;
+    }
+
+    tr td {
+        font-size: 10pt;
+        border-top: none;
+        border-collapse: collapse;
+    }
+
+    tbody td {
+        max-width: none;
+
+        .q-td.col {
+            .vnInputDate {
+                min-width: 90px;
+            }
+
+            div.row {
+                .q-checkbox {
+                    .q-checkbox__inner {
+                        position: relative !important;
+
+                        &--truthy {
+                            color: var(--q-primary);
+                        }
                     }
                 }
             }
         }
     }
 }
+
 .q-field__after,
 .q-field__append {
     padding: 0;
@@ -619,6 +627,7 @@ function handleOnDataSave({ CrudModelRef }) {
 tbody tr.highlight .q-td {
     animation: highlight-animation 4s ease-in-out;
 }
+
 @keyframes highlight-animation {
     0% {
         background-color: $primary-light;
@@ -627,28 +636,34 @@ tbody tr.highlight .q-td {
         background-color: transparent;
     }
 }
+
 .subName {
     margin-left: 5%;
     font-size: 0.75rem;
     text-transform: uppercase;
     color: var(--vn-label-color);
 }
+
 .q-td .q-field__control.relative-position.row.no-wrap {
     height: 25px;
     display: flex;
     align-items: center;
+
     .q-icon:not(.q-select__dropdown-icon) {
         padding-bottom: 7px;
     }
+
     .q-icon.q-select__dropdown-icon {
         padding-bottom: 5px;
     }
+
     .q-field__native,
     .q-field__prefix,
     .q-field__suffix,
     .q-field__input {
         padding-bottom: 0;
     }
+
     .q-field__append.q-field__marginal.row.no-wrap.items-center {
         align-items: flex-end;
     }