WIP Перемещен инпут

src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue

@@ -50,9 +50,8 @@
           )
             q-field.items-center.categories(
               :style="{cursor: isEdit ? 'pointer' : 'default'}",
-              standout,
               :readonly="!isEdit",
-              :outlined="isEdit",
+              outlined
             ) {{selectCategory(basic[insurance.insuranceKey][field.key])}}
             base-modal(
               default-padding,
@@ -104,7 +103,7 @@ import BaseUploadPhoto from "@/components/base/BaseUploadPhoto.vue";
 import BaseCategorySelection from "@/components/base/BaseCategorySelection.vue";
 import { checkChangeData } from "@/shared/utils/changesObjects";
 import { addNotification } from "@/components/Notifications/notificationContext";
-import BaseInput from "@/components/BaseInput.vue";
+import BaseInput from "@/components/base/BaseInput.vue";
 
 export default {
   name: "InsuranceForm",
@@ -425,6 +424,7 @@ export default {
   height: 40px
   color: var(--font-dark-blue-color)
   padding: 0 16px
+  background: var(--bg-light-grey) !important
   &:before
     border: none !important
     transition: none
@@ -439,4 +439,16 @@ export default {
   line-height: normal
   color: var(--font-dark-blue-color)
   padding: 8px 0
+  background: var(--bg-light-grey) !important
+
+.q-field--outlined.q-field--readonly :deep(.q-field__control)
+  background: var(--bg-light-grey) !important
+  &:before
+    border-color: var(--bg-light-grey) !important
+    transition: none
+  &:hover:before
+    border-color: var(--bg-light-grey) !important
+
+.q-field--outlined.q-field--readonly :deep(.q-field__native)
+  cursor: default
 </style>