feat(patch-detail): show lang tag in highlighted code blocks, increas…

…e max-w for them and decrease for normal copy

Signed-off-by: Konstantinos Maninakis <maninak@protonmail.com>

src/webviews/src/assets/index.css

@@ -60,7 +60,7 @@
     }
 
     & > span[class*='hljs-']:first-of-type {
-      @apply relative
+      @apply relative;
     }
   }
 

src/webviews/src/components/PatchDetail.vue

@@ -82,20 +82,22 @@ function checkOutDefaultBranch() {
 }
 
 onMounted(() => {
-  nextTick(()=>{
+  nextTick(() => {
     console.info('mounted')
-    document.querySelectorAll("code.hljs[class*='language-']").forEach((highlightedCodeEl)=> {
+    document.querySelectorAll("code.hljs[class*='language-']").forEach((highlightedCodeEl) => {
       const highlightedCodeElClass = highlightedCodeEl.classList.value
 
       const langTagEl = document.createElement('span')
-      langTagEl.textContent = highlightedCodeElClass.replace('hljs ', '').replaceAll(/language-/g,'').trim()
+      langTagEl.textContent = highlightedCodeElClass
+        .replace('hljs ', '')
+        .replaceAll(/language-/g, '')
+        .trim()
       langTagEl.classList.add('langTag')
 
       highlightedCodeEl.insertBefore(langTagEl, highlightedCodeEl.firstChild)
 
       console.info('inserted')
-    }
-    )
+    })
   })
 })
 </script>