v1.2.2 - Fixed Background length

pure-english · Dec 1, 2023 · 107f248 · 107f248
1 parent de0ef54
commit 107f248
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/dist/output.css b/dist/output.css
@@ -1283,6 +1283,12 @@ html {
     --tw-bg-opacity: 1;
     background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
   }
+
+  .table-zebra tr.hover:hover,
+  .table-zebra tr.hover:nth-child(even):hover {
+    --tw-bg-opacity: 1;
+    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
+  }
 }
 
 .btn {

diff --git a/src/views/Generator.vue b/src/views/Generator.vue
@@ -80,7 +80,7 @@
         </thead>
         <tbody>
           <!-- row 1 -->
-          <tr v-for="(namePair, index) in generatedNamesTable">
+          <tr v-for="(namePair, index) in generatedNamesTable" class="hover">
             <!-- {{ console.log(`index = ${index}`) }} -->
 
             <!-- Index -->
@@ -137,7 +137,7 @@
               </p>
             </td>
 
-            <td>
+            <td style="max-width: 390px;">
               <!-- <details class="collapse collapse-arrow bg-base-200">
                 <summary class="collapse-title text-l font-small">{{ namePair[0].english_name }}</summary>
                 <div class="collapse-content">