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

src/components/base/BaseDownload.vue

@@ -1,22 +1,22 @@
 <template lang="pug">
-  label.download.flex.cursor-pointer.relative.items-center.justify-center.rounded(
+  label.download.flex.relative.items-center.justify-center.rounded(
     :style="{height: `${height}px`, width: width ? `${width}px` : '100%'}"
   )
-    base-input.w-full.h-full(
+    base-input.w-full(
       @change="(e) => addNewFiles(e)",
       doc,
       type="file",
       :accept="getAccept",
       id="upload"
-      borderless,
-      :multiple="multiple"
+      :size="`${height}px`"
+      :height="`${height}px`"
     )
     q-icon.absolute(
       v-if="withIcon",
       name="app:download",
       :size="sizeIcon"
       )
-    .flex.flex-col.items-center.justify-center.absolute.font-medium.text-smm.w-full(
+    .flex.flex-col.items-center.justify-center.absolute.font-medium.text-base.w-full(
       v-else,
       :style="{color: 'var(--font-grey-color)'}"
     )
@@ -42,7 +42,7 @@ export default {
     multiple: Boolean,
     height: {
       type: Number,
-      default: 93,
+      default: 92,
     },
     width: Number,
     type: {
@@ -91,15 +91,15 @@ export default {
 </script>
 
 <style lang="sass" scoped>
-#upload :deep(.q-field__native)
-  cursor: pointer
-  height: 100%
-  padding: 0
-#upload :deep(.q-field__control)
-  height: 100%
+// #upload :deep(.q-field__native)
+//   cursor: pointer
+//   height: 100%
+//   padding: 0
+// #upload :deep(.q-field__control)
+//   height: 100%
 .download
-  border: 1px dashed var(--font-grey-color)
-  background-color: var(--default-white)
+  background-color: var(--bg-light-grey)
+  border-radius: 4px
   &:hover .q-icon
     opacity: 0.6
   & .q-icon