fix: found mix-blend-mode chrome bug

technikhil314 · May 30, 2022 · 40a5f04 · 40a5f04
1 parent fc86793
commit 40a5f04
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/pages/v1/diff.vue b/pages/v1/diff.vue
@@ -123,7 +123,9 @@ export default {
         const hunkState = item[0]
         if (hunkState === -1 || hunkState === 0) {
           const className =
-            hunkState === -1 ? 'isModified bg-red-300 dark:bg-yellow-900' : ''
+            hunkState === -1
+              ? 'isModified bg-red-300 dark:bg-yellow-900 mix-blend-overlay'
+              : ''
           return `<span class="break-all inline p-0 m-0 ${className}">${escapeHtml(
             item[1]
           )}</span>`
@@ -138,7 +140,9 @@ export default {
         const hunkState = item[0]
         if (hunkState === 1 || hunkState === 0) {
           const className =
-            hunkState === 1 ? 'isModified bg-green-300 dark:bg-green-900' : ''
+            hunkState === 1
+              ? 'isModified bg-green-300 dark:bg-green-900 mix-blend-overlay'
+              : ''
           return `<span class="break-all inline p-0 m-0 ${className}">${escapeHtml(
             item[1]
           )}</span>`