style and tag upload file

mikhailprivalov · Jul 3, 2024 · 8d41428 · 8d41428
1 parent 6b53b0b
commit 8d41428
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 10 deletions.
diff --git a/l2-frontend/src/modals/UploadFileModal.vue b/l2-frontend/src/modals/UploadFileModal.vue
@@ -1,5 +1,7 @@
 <template>
-  <div>
+  <component
+    :is="tag"
+  >
     <slot>
       <a
         class="pointer"
@@ -44,7 +46,7 @@
         </div>
       </div>
     </Modal>
-  </div>
+  </component>
 </template>
 
 <script setup lang="ts">
@@ -60,6 +62,11 @@ const props = defineProps({
     type: String,
     required: false,
   },
+  tag: {
+    type: String,
+    default: 'div',
+    required: false,
+  },
   typesFile: {
     type: Array as PropType<string[]>,
     required: false,

diff --git a/l2-frontend/src/ui-cards/LaboratoryHeader.vue b/l2-frontend/src/ui-cards/LaboratoryHeader.vue
@@ -37,14 +37,13 @@
       <LoadFile />
     </ul>
     <ul class="nav navbar-nav">
-      <li>
-        <UploadFileModal
-          title="Прикрепить результат"
-          :types-file="['PDF']"
-          :forms-file="['api.laboratory.forms100.form_01']"
-          :upload-result="true"
-        />
-      </li>
+      <UploadFileModal
+        tag="li"
+        title="Прикрепить результат"
+        :types-file="['PDF']"
+        :forms-file="['api.laboratory.forms100.form_01']"
+        :upload-result="true"
+      />
     </ul>
   </div>
 </template>
@@ -92,4 +91,9 @@ export default {
       background: #049372 !important;
       border: none !important;
   }
+
+  .nav-upload-file {
+    padding: 8px 15px;
+  }
+
 </style>