Merge branch 'fix-broken-onboarding-import-file-validation' into 'develop'

Fix broken continue button and validation of the onboarding import step

See merge request baserow/baserow!3309

changelog/entries/unreleased/bug/fix_broken_onboarding_import_file_validation.json

@@ -0,0 +1,8 @@
+{
+  "type": "bug",
+  "message": "Fix broken continue button and validation of the onboarding import step.",
+  "domain": "database",
+  "issue_number": null,
+  "bullet_points": [],
+  "created_at": "2025-03-25"
+}

web-frontend/modules/core/assets/scss/components/onboarding.scss

@@ -59,7 +59,7 @@
 
 .onboarding__body {
   height: 100%;
-  margin: 40px auto;
+  margin: 40px auto 0;
   max-width: 542px;
   padding: 0 40px;
   width: 100%;
@@ -69,7 +69,7 @@
 
 .onboarding__actions {
   margin-top: auto;
-  padding-top: 20px;
+  padding: 20px 0 40px;
 }
 
 .onboarding__skip {

web-frontend/modules/database/components/onboarding/DatabaseImportStep.vue

@@ -43,12 +43,15 @@
       </ul>
     </FormGroup>
 
+    <div class="margin-bottom-2">
       <component
         :is="importerComponent"
         ref="importer"
         @data="onData($event)"
         @getData="onGetData($event)"
       />
+    </div>
+
     <SimpleGrid
       v-if="dataLoaded"
       :rows="previewFileData"
@@ -118,7 +121,7 @@ export default {
     isValid() {
       return (
         !this.v$.$invalid &&
-        this.v$.$dirty &&
+        this.v$.tableName.$dirty &&
         this.getData !== null &&
         this.dataLoaded
       )