💄 Make array fieldtype full width. Closes #2315.

statamic · Sep 1, 2020 · 871a9e7 · 871a9e7
1 parent 64f0597
commit 871a9e7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/resources/js/components/fieldtypes/ArrayFieldtype.vue b/resources/js/components/fieldtypes/ArrayFieldtype.vue
@@ -4,7 +4,7 @@
         <table v-if="isKeyed" class="array-table">
             <tbody>
                 <tr v-if="data" v-for="(element, index) in keyedData" :key="element._id">
-                    <th><label :for="fieldId+'__'+element.key">{{ config.keys[element.key] }}</label></th>
+                    <th class="w-1/4"><label :for="fieldId+'__'+element.key">{{ config.keys[element.key] }}</label></th>
                     <td>
                         <input type="text" class="input-text-minimal" :id="fieldId+'__'+element.key" v-model="data[index].value" :readonly="isReadOnly" />
                     </td>

diff --git a/resources/sass/components/array.scss b/resources/sass/components/array.scss
@@ -7,7 +7,7 @@
 }
 
 .array-table {
-    @apply border rounded border-separate text-sm text-left;
+    @apply border rounded border-separate text-sm text-left w-full;
 
     tr:not(:last-child) {
         th, td {
@@ -54,4 +54,4 @@
         th { @apply text-grey-50; }
         tr td { @apply bg-grey-20; }
     }
-}
+}