fix(ui): fixed the line number alignment with text lines

technikhil314 · May 30, 2022 · 2ef2ae7 · 2ef2ae7
1 parent 40a5f04
commit 2ef2ae7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/pages/diff.vue b/pages/diff.vue
@@ -217,7 +217,7 @@ export default {
       counter-increment: line-numbers;
       content: counter(line-numbers);
       width: var(--line-number-gutter-width);
-      @apply absolute left-0 top-0 -mx-4 bottom-0 text-center bg-gray-200 dark:bg-gray-700 dark:text-gray-50 text-gray-500 flex justify-center text-sm;
+      @apply absolute left-0 top-[2px] -mx-4 bottom-0 text-center bg-gray-200 dark:bg-gray-700 dark:text-gray-50 text-gray-500 flex justify-center text-sm;
     }
     &:first-of-type {
       &::before {

diff --git a/pages/v1/diff.vue b/pages/v1/diff.vue
@@ -235,7 +235,7 @@ export default {
       counter-increment: line-numbers;
       content: counter(line-numbers);
       width: var(--line-number-gutter-width);
-      @apply absolute left-0 top-0 -mx-4 bottom-0 text-center bg-gray-200 dark:bg-gray-700 dark:text-gray-50 text-gray-500 flex justify-center text-sm;
+      @apply absolute left-0 top-[2px] -mx-4 bottom-0 text-center bg-gray-200 dark:bg-gray-700 dark:text-gray-50 text-gray-500 flex justify-center text-sm;
     }
     &:first-of-type {
       &::before {