From 829bcf701d58ac7bdbc745bacd03e808ec1f2547 Mon Sep 17 00:00:00 2001 From: Ramnique Singh <30795890+ramnique@users.noreply.github.com> Date: Wed, 25 Jun 2025 15:17:54 +0530 Subject: [PATCH] fix label + radiogroup styles --- .../[projectId]/config/components/shared-styles.ts | 2 +- .../app/projects/[projectId]/entities/agent_config.tsx | 2 +- .../projects/[projectId]/entities/prompt_config.tsx | 2 +- .../app/projects/[projectId]/entities/tool_config.tsx | 10 +++++----- .../[projectId]/tools/components/WebhookConfig.tsx | 2 +- 5 files changed, 9 insertions(+), 9 deletions(-) diff --git a/apps/rowboat/app/projects/[projectId]/config/components/shared-styles.ts b/apps/rowboat/app/projects/[projectId]/config/components/shared-styles.ts index 3de10311..7b08cddb 100644 --- a/apps/rowboat/app/projects/[projectId]/config/components/shared-styles.ts +++ b/apps/rowboat/app/projects/[projectId]/config/components/shared-styles.ts @@ -1,4 +1,4 @@ -export const sectionHeaderStyles = "text-sm font-semibold text-gray-900 dark:text-gray-100 mb-2"; +export const sectionHeaderStyles = "block text-sm font-semibold text-gray-900 dark:text-gray-100 mb-2"; export const sectionDescriptionStyles = "text-sm text-gray-500 dark:text-gray-400 mb-4"; export const textareaStyles = "rounded-lg p-3 border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-750 focus:shadow-inner focus:ring-2 focus:ring-indigo-500/20 dark:focus:ring-indigo-400/20 placeholder:text-gray-400 dark:placeholder:text-gray-500"; export const inputStyles = "rounded-lg px-3 py-2 border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-750 focus:shadow-inner focus:ring-2 focus:ring-indigo-500/20 dark:focus:ring-indigo-400/20"; \ No newline at end of file diff --git a/apps/rowboat/app/projects/[projectId]/entities/agent_config.tsx b/apps/rowboat/app/projects/[projectId]/entities/agent_config.tsx index 0439d14e..f1ad134b 100644 --- a/apps/rowboat/app/projects/[projectId]/entities/agent_config.tsx +++ b/apps/rowboat/app/projects/[projectId]/entities/agent_config.tsx @@ -27,7 +27,7 @@ import { BillingUpgradeModal } from "@/components/common/billing-upgrade-modal"; import { ModelsResponse } from "@/app/lib/types/billing_types"; // Common section header styles -const sectionHeaderStyles = "text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400"; +const sectionHeaderStyles = "block text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400"; // Common textarea styles const textareaStyles = "rounded-lg p-3 border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-750 focus:shadow-inner focus:ring-2 focus:ring-indigo-500/20 dark:focus:ring-indigo-400/20 placeholder:text-gray-400 dark:placeholder:text-gray-500"; diff --git a/apps/rowboat/app/projects/[projectId]/entities/prompt_config.tsx b/apps/rowboat/app/projects/[projectId]/entities/prompt_config.tsx index b81c9cf7..0d7941c1 100644 --- a/apps/rowboat/app/projects/[projectId]/entities/prompt_config.tsx +++ b/apps/rowboat/app/projects/[projectId]/entities/prompt_config.tsx @@ -9,7 +9,7 @@ import { useState } from "react"; import clsx from "clsx"; // Common section header styles (matching tool_config) -const sectionHeaderStyles = "text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400"; +const sectionHeaderStyles = "block text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400"; // Enhanced textarea styles with improved states const textareaStyles = "rounded-lg p-3 border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-750 focus:shadow-inner focus:ring-2 focus:ring-indigo-500/20 dark:focus:ring-indigo-400/20 placeholder:text-gray-400 dark:placeholder:text-gray-500"; diff --git a/apps/rowboat/app/projects/[projectId]/entities/tool_config.tsx b/apps/rowboat/app/projects/[projectId]/entities/tool_config.tsx index 30c14110..ecee43e2 100644 --- a/apps/rowboat/app/projects/[projectId]/entities/tool_config.tsx +++ b/apps/rowboat/app/projects/[projectId]/entities/tool_config.tsx @@ -16,7 +16,7 @@ const textareaStyles = "rounded-lg p-3 border border-gray-200 dark:border-gray-7 const dividerStyles = "border-t border-gray-200 dark:border-gray-800"; // Common section header styles -const sectionHeaderStyles = "text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400"; +const sectionHeaderStyles = "block text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400"; export function ParameterConfig({ param, @@ -411,8 +411,8 @@ export function ToolConfig({ Mock tool responses @@ -420,8 +420,8 @@ export function ToolConfig({ Connect tool to your API diff --git a/apps/rowboat/app/projects/[projectId]/tools/components/WebhookConfig.tsx b/apps/rowboat/app/projects/[projectId]/tools/components/WebhookConfig.tsx index 6c562365..edc82b4a 100644 --- a/apps/rowboat/app/projects/[projectId]/tools/components/WebhookConfig.tsx +++ b/apps/rowboat/app/projects/[projectId]/tools/components/WebhookConfig.tsx @@ -7,7 +7,7 @@ import { getProjectConfig, updateWebhookUrl } from "@/app/actions/project_action import { Textarea } from "@/components/ui/textarea"; import { clsx } from "clsx"; -const sectionHeaderStyles = "text-sm font-semibold text-gray-900 dark:text-gray-100 mb-2"; +const sectionHeaderStyles = "block text-sm font-semibold text-gray-900 dark:text-gray-100 mb-2"; const sectionDescriptionStyles = "text-sm text-gray-500 dark:text-gray-400 mb-4"; const textareaStyles = "rounded-lg p-3 border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-750 focus:shadow-inner focus:ring-2 focus:ring-indigo-500/20 dark:focus:ring-indigo-400/20 placeholder:text-gray-400 dark:placeholder:text-gray-500"; const inputStyles = "rounded-lg px-3 py-2 border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-750 focus:shadow-inner focus:ring-2 focus:ring-indigo-500/20 dark:focus:ring-indigo-400/20";