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

technikhil314 · technikhil314 · commit 2ef2ae785ec5 · 2022-05-30T15:49:01.000+05:30
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 {

Original file line number	Diff line number	Diff line change
`@@ -217,7 +217,7 @@ export default {`
`217`	`217`	`counter-increment: line-numbers;`
`218`	`218`	`content: counter(line-numbers);`
`219`	`219`	`width: var(--line-number-gutter-width);`
`220`		`- @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;`
	`220`	`+ @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;`
`221`	`221`	`}`
`222`	`222`	`&:first-of-type {`
`223`	`223`	`&::before {`
Original file line number	Diff line number	Diff line change
`@@ -235,7 +235,7 @@ export default {`
`235`	`235`	`counter-increment: line-numbers;`
`236`	`236`	`content: counter(line-numbers);`
`237`	`237`	`width: var(--line-number-gutter-width);`
`238`		`- @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;`
	`238`	`+ @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;`
`239`	`239`	`}`
`240`	`240`	`&:first-of-type {`
`241`	`241`	`&::before {`