fix: fixing line number gutter height to have it edge to edge from top to bottom

Author: technikhil314

components/RTStickyCopyButton.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="sticky top-0 text-right z-1">
+  <div class="sticky top-0 pt-12 text-right z-1">
     <button
       class="absolute top-0 right-0 p-2 text-gray-800 transition-all transform rounded-full shadow  dark:text-gray-50 z-1 hover:shadow-lg hover:scale-110 hover:rotate-12"
       :class="{

pages/diff.vue

@@ -197,6 +197,11 @@ export default {
   counter-reset: line-numbers;
 
   --line-number-gutter-width: calc(var(--max-line-number-characher) + 10px);
+  &::before {
+    content: '';
+    width: var(--line-number-gutter-width);
+    @apply bg-gray-200 dark:bg-gray-700 inline-block left-0 top-0 bottom-0 absolute text-sm;
+  }
   @apply relative;
   p {
     padding-left: calc(var(--line-number-gutter-width) - 10px);