Conditional colSpan.

app/assets/javascripts/repo/components/repo_loading_file.vue

@@ -20,7 +20,7 @@ const RepoLoadingFile = {
 
   computed: {
     showGhostLines() {
-      return loading.tree && !hasFiles;
+      return this.loading.tree && !this.hasFiles;
     }
   },
 

app/assets/javascripts/repo/components/repo_prev_directory.vue

 <script>
+import RepoMixin from '../mixins/repo_mixin';
+
 const RepoPreviousDirectory = {
   props: {
     prevUrl: {
@@ -7,6 +9,14 @@ const RepoPreviousDirectory = {
     },
   },
 
+  mixins: [RepoMixin],
+
+  computed: {
+    colSpanCondition() {
+      return this.isMini ? undefined : 3;
+    }
+  },
+
   methods: {
     linkClicked(file) {
       this.$emit('linkclicked', file);
@@ -19,7 +29,7 @@ export default RepoPreviousDirectory;
 
 <template>
 <tr class="prev-directory">
-  <td colspan="3">
+  <td :colspan="colSpanCondition">
     <a :href="prevUrl" @click.prevent="linkClicked(prevUrl)">..</a>
   </td>
 </tr>