fix(dashboard): fixed the ui issues (#7087)

novuhq · Nov 20, 2024 · 79f0e0a · 79f0e0a
1 parent 9904cae
commit 79f0e0a
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/apps/dashboard/src/components/create-workflow-button.tsx b/apps/dashboard/src/components/create-workflow-button.tsx
@@ -75,7 +75,7 @@ export const CreateWorkflowButton = (props: CreateWorkflowButtonProps) => {
               <Link
                 target="_blank"
                 to="https://docs.novu.co/concepts/workflows"
-                className="text-foreground-400 inline-flex items-center text-sm underline"
+                className="text-foreground-400 inline-flex items-center text-xs underline"
               >
                 Learn more <RiExternalLinkLine className="inline size-4" />
               </Link>

diff --git a/apps/dashboard/src/components/primitives/textarea.tsx b/apps/dashboard/src/components/primitives/textarea.tsx
@@ -5,7 +5,7 @@ import { cva, VariantProps } from 'class-variance-authority';
 import { useFormField } from './form/form-context';
 
 const textareaVariants = cva(
-  'text-foreground-950 flex text-sm w-full flex-nowrap items-center min-h-[60px] gap-1.5 rounded-md border bg-transparent transition-colors focus-within:outline-none focus-visible:outline-none hover:bg-neutral-alpha-50 disabled:cursor-not-allowed disabled:opacity-50 has-[value=""]:text-foreground-400 disabled:bg-neutral-alpha-100 disabled:text-foreground-300',
+  'text-foreground-950 flex text-xs w-full flex-nowrap items-center min-h-[60px] gap-1.5 rounded-md border bg-transparent transition-colors focus-within:outline-none focus-visible:outline-none hover:bg-neutral-alpha-50 disabled:cursor-not-allowed disabled:opacity-50 has-[value=""]:text-foreground-400 disabled:bg-neutral-alpha-100 disabled:text-foreground-300',
   {
     variants: {
       size: {

diff --git a/apps/dashboard/src/components/workflow-editor/steps/configure-step-content.tsx b/apps/dashboard/src/components/workflow-editor/steps/configure-step-content.tsx
@@ -48,6 +48,8 @@ export const ConfigureStepContent = () => {
                   to="https://docs.novu.co/sdks/framework/typescript/steps/inApp"
                   reloadDocument
                   className="text-xs"
+                  target="_blank"
+                  rel="noopener noreferrer"
                 >
                   <span>Help?</span>
                 </Link>

diff --git a/apps/dashboard/src/components/workflow-row.tsx b/apps/dashboard/src/components/workflow-row.tsx
@@ -172,7 +172,7 @@ export const WorkflowRow = ({ workflow }: WorkflowRowProps) => {
           <RiFileCopyLine className="text-foreground-400 invisible size-3 group-hover:visible" />
         </HoverToCopy>
       </TableCell>
-      <TableCell>
+      <TableCell className="min-w-[200px]">
         <WorkflowStatus status={workflow.status} />
       </TableCell>
       <TableCell>
@@ -184,7 +184,7 @@ export const WorkflowRow = ({ workflow }: WorkflowRowProps) => {
 
       <Tooltip>
         <TooltipTrigger asChild>
-          <TableCell className="text-foreground-600 text-sm font-medium">
+          <TableCell className="text-foreground-600 min-w-[180px] text-sm font-medium">
             {new Date(workflow.updatedAt).toLocaleDateString('en-US', {
               year: 'numeric',
               month: 'short',