fixed source column alignment

TheAsel · Jan 18, 2024 · a55abec · a55abec
1 parent 25a7777
commit a55abec
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -11,6 +11,7 @@
       name="viewport"
       content="initial-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>"
     />
+    <meta name="google-site-verification" content="qtv93-j8tUOTtsuxOS988l9RF9L4-KGMgRYmOrUpQ5k" />
 
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />

diff --git a/src/components/Encounter/CreaturesTable.vue b/src/components/Encounter/CreaturesTable.vue
@@ -31,7 +31,7 @@ const columns: {
     label: 'Source',
     field: (row) => row.sources,
     required: false,
-    align: 'left',
+    align: 'center',
     sortable: true,
     style: 'min-width: 120px; max-width: 120px;'
   },
@@ -386,7 +386,7 @@ const addCreature = debounce(function (creature: creature) {
         </div>
       </template>
       <template v-slot:header-cell-source>
-        <q-th class="tw-w-8">
+        <q-th>
           <div
             class="row no-wrap items-center tw-border-r tw-border-gray-200 dark:tw-border-gray-700"
           >
@@ -400,8 +400,8 @@ const addCreature = debounce(function (creature: creature) {
                 options-dense
                 v-model="filterSource"
                 :options="Object.freeze(filters.getFilters.sources)"
-                :label="columns[0].label"
                 :dropdown-icon="matArrowDropDown"
+                :label="columns[0].label"
                 :style="columns[0].style"
               />
             </div>
@@ -412,11 +412,16 @@ const addCreature = debounce(function (creature: creature) {
       <template v-slot:header-cell-name>
         <q-th>
           <div
-            :style="columns[1].style"
             class="row no-wrap items-center tw-border-r tw-border-gray-200 dark:tw-border-gray-700"
           >
-            <div class="col">
-              <q-input dense outlined v-model="filterName" :label="columns[1].label" />
+            <div class="col-grow">
+              <q-input
+                dense
+                outlined
+                v-model="filterName"
+                :label="columns[1].label"
+                :style="columns[1].style"
+              />
             </div>
             <div class="col-shrink tw-mx-2">
               <q-btn
@@ -824,7 +829,7 @@ const addCreature = debounce(function (creature: creature) {
         </q-th>
       </template>
       <template v-slot:body-cell-source="source">
-        <q-td class="text-center">
+        <q-td :props="source">
           <q-icon round unelevated v-if="source.row.sources.length > 0" :name="biBook" size="xs">
             <q-tooltip
               class="text-caption tw-bg-gray-700 tw-text-gray-200 tw-rounded-md tw-shadow-sm dark:tw-bg-slate-700"