fix darkmode color and padding for the tab item

This commit is contained in:
Nathan Arseneau
2025-04-05 11:47:44 -04:00
parent 3032a67d4e
commit 8d20044b33
4 changed files with 4 additions and 4 deletions

View File

@@ -105,7 +105,7 @@ const PromptsTab = ({
/>
<div className="bg-card rounded-lg shadow">
<div className="p-4 border-b border-gray-200">
<div className="p-4 border-b border-gray-200 dark:border-gray-700">
<h3 className="font-semibold">
{selectedPrompt ? selectedPrompt.name : "Select a prompt"}
</h3>

View File

@@ -161,7 +161,7 @@ const ResourcesTab = ({
/>
<div className="bg-card rounded-lg shadow">
<div className="p-4 border-b border-gray-200 flex justify-between items-center">
<div className="p-4 border-b border-gray-200 dark:border-gray-700 flex justify-between items-center">
<h3
className="font-semibold truncate"
title={selectedResource?.name || selectedTemplate?.name}

View File

@@ -129,7 +129,7 @@ const ToolsTab = ({
/>
<div className="bg-card rounded-lg shadow">
<div className="p-4 border-b border-gray-200">
<div className="p-4 border-b border-gray-200 dark:border-gray-700">
<h3 className="font-semibold">
{selectedTool ? selectedTool.name : "Select a tool"}
</h3>

View File

@@ -42,7 +42,7 @@ const TabsContent = React.forwardRef<
<TabsPrimitive.Content
ref={ref}
className={cn(
"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
"ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
className,
)}
{...props}