feat: explain block adjustments

githubnext · Apr 19, 2022 · 2b971d0 · 2b971d0
1 parent b45018a
commit 2b971d0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/src/blocks/file-blocks/explain/explanation.tsx b/src/blocks/file-blocks/explain/explanation.tsx
@@ -39,7 +39,7 @@ export function ExplanationComponent(props: {
         )}
         {status === "success" && data && (
           <div className="pb-2">
-            <p className="text-xs  font-mono">{data}</p>
+            <p className="text-xs whitespace-pre font-mono">{data}</p>
           </div>
         )}
       </div>

diff --git a/src/blocks/file-blocks/explain/index.tsx b/src/blocks/file-blocks/explain/index.tsx
@@ -101,7 +101,7 @@ function BlockInner(props: FileBlockProps) {
   }, [content, context, start, end]);
 
   return (
-    <div className="h-full explain-block overflow-auto pl-6 relative">
+    <div className="h-full explain-block overflow-auto pl-7 relative">
       {start && end && (
         <div
           className="z-20 absolute"
@@ -144,7 +144,7 @@ function BlockInner(props: FileBlockProps) {
         return (
           <div
             key={line}
-            className="px-3 overflow-y-auto break-words absolute bg-white w-[260px] -right-6"
+            className="px-3 overflow-y-auto break-words absolute bg-white w-[260px] -right-7"
             style={{
               top: (explanation.start - 1) * 18 - 2,
               height: (explanation.end - explanation.start + 1) * 18,

diff --git a/src/blocks/file-blocks/explain/line-menu.tsx b/src/blocks/file-blocks/explain/line-menu.tsx
@@ -28,7 +28,6 @@ export function LineMenu(props: {
           <ActionList.Item onSelect={onCopyPermalink}>
             Copy Permalink
           </ActionList.Item>
-          <ActionList.Item disabled>View git blame</ActionList.Item>
           <ActionList.Divider />
           <ActionList.Item onSelect={onExplain}>Explain Code</ActionList.Item>
         </ActionList>