style: Upload before Show on Custom Config

spraakbanken · Nov 28, 2024 · c7d0ce4 · c7d0ce4
1 parent 0dbb3e7
commit c7d0ce4
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/corpus/config/CorpusConfigCustom.vue b/src/corpus/config/CorpusConfigCustom.vue
@@ -46,13 +46,7 @@ async function upload(files: File[]) {
     </i18n-t>
   </HelpBox>
 
-  <div class="flex flex-wrap gap-4">
-    <LayoutBox class="w-96 grow" :title="$t('show')">
-      <PendingContent :on="`corpus/${corpusId}/config`">
-        <SyntaxHighlight v-if="config" language="yaml" :code="config" />
-      </PendingContent>
-    </LayoutBox>
-
+  <div class="flex flex-wrap gap-4 items-start">
     <LayoutBox class="w-96 grow" :title="$t('upload')">
       <HelpBox important>
         <PhWarning class="inline mb-1 mr-1" />
@@ -66,5 +60,11 @@ async function upload(files: File[]) {
         <FileUpload :file-handler="upload" accept=".yaml,.yml" />
       </PendingContent>
     </LayoutBox>
+
+    <LayoutBox class="w-96 grow" :title="$t('show')">
+      <PendingContent :on="`corpus/${corpusId}/config`">
+        <SyntaxHighlight v-if="config" language="yaml" :code="config" />
+      </PendingContent>
+    </LayoutBox>
   </div>
 </template>