- fix styles for hotkey tooltip (#190)

- fix styles for code editor
comet-ml · Sep 6, 2024 · 5f2a1b4 · 5f2a1b4
1 parent 817df3b
commit 5f2a1b4
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/apps/opik-frontend/src/components/shared/CodeHighlighter/CodeHighlighter.tsx b/apps/opik-frontend/src/components/shared/CodeHighlighter/CodeHighlighter.tsx
@@ -33,8 +33,8 @@ const CodeHighlighter: React.FunctionComponent<CodeHighlighterProps> = ({
   const { themeMode } = useTheme();
 
   return (
-    <div className="relative rounded-md border p-2">
-      <div className="absolute right-2 top-1 z-10">
+    <div className="relative rounded-md border">
+      <div className="absolute right-2 top-0.5 z-10">
         <CopyButton
           message="Successfully copied code"
           text={data}

diff --git a/apps/opik-frontend/src/components/shared/SyntaxHighlighter/SyntaxHighlighter.tsx b/apps/opik-frontend/src/components/shared/SyntaxHighlighter/SyntaxHighlighter.tsx
@@ -53,7 +53,7 @@ const SyntaxHighlighter: React.FunctionComponent<SyntaxHighlighterProps> = ({
           tooltipText="Copy code"
         />
       </div>
-      <div className="p-2">
+      <div>
         <CodeMirror
           theme={themeMode}
           value={formattedCodeByLanguage}

diff --git a/apps/opik-frontend/src/components/shared/TooltipWrapper/TooltipWrapper.tsx b/apps/opik-frontend/src/components/shared/TooltipWrapper/TooltipWrapper.tsx
@@ -29,7 +29,7 @@ const TooltipWrapper: React.FunctionComponent<TooltipWrapperProps> = ({
           <TooltipContent side={side} variant={hotkey ? "hotkey" : "default"}>
             {content}
             {hotkey && (
-              <div className="flex h-5 min-w-5 items-center justify-center rounded-s border border-light-slate px-1 text-light-slate">
+              <div className="flex h-5 min-w-5 items-center justify-center rounded-sm border border-light-slate px-1 text-light-slate">
                 {hotkey}
               </div>
             )}