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">