improvements(tables): styling improvements

Author: emir-karabeg

apps/sim/app/workspace/[workspaceId]/logs/logs.tsx

@@ -662,59 +662,25 @@ export default function Logs() {
         return {
           id: log.id,
           cells: {
-            date: {
-              content: (
-                <span className='font-medium text-[12px] text-[var(--text-secondary)]'>
-                  {formattedDate.compactDate}
-                </span>
-              ),
-            },
-            time: {
-              content: (
-                <span className='font-medium text-[12px] text-[var(--text-secondary)]'>
-                  {formattedDate.compactTime}
-                </span>
-              ),
-            },
-            status: {
-              content: <StatusBadge status={displayStatus} />,
-            },
+            date: { label: formattedDate.compactDate },
+            time: { label: formattedDate.compactTime },
+            status: { content: <StatusBadge status={displayStatus} /> },
             workflow: {
-              content: (
-                <span className='flex items-center gap-[8px] truncate'>
-                  {workflowColor && (
-                    <div
-                      className='h-[8px] w-[8px] flex-shrink-0 rounded-[2px] border-[1.5px]'
-                      style={{
-                        backgroundColor: workflowColor,
-                        borderColor: `${workflowColor}60`,
-                        backgroundClip: 'padding-box',
-                      }}
-                    />
-                  )}
-                  <span className='truncate font-medium text-[12px] text-[var(--text-secondary)]'>
-                    {workflowName}
-                  </span>
-                </span>
-              ),
-            },
-            cost: {
-              content: (
-                <span className='font-medium text-[12px] text-[var(--text-secondary)]'>
-                  {costText}
-                </span>
-              ),
-            },
-            trigger: {
-              content: <TriggerBadge trigger={log.trigger || 'manual'} />,
-            },
-            duration: {
-              content: (
-                <span className='font-medium text-[12px] text-[var(--text-secondary)]'>
-                  {durationText}
-                </span>
-              ),
+              icon: workflowColor ? (
+                <div
+                  className='h-[10px] w-[10px] rounded-[3px] border-[1.5px]'
+                  style={{
+                    backgroundColor: workflowColor,
+                    borderColor: `${workflowColor}60`,
+                    backgroundClip: 'padding-box',
+                  }}
+                />
+              ) : undefined,
+              label: workflowName,
             },
+            cost: { label: costText },
+            trigger: { content: <TriggerBadge trigger={log.trigger || 'manual'} /> },
+            duration: { label: durationText },
           },
         }
       }),

apps/sim/app/workspace/[workspaceId]/logs/utils.ts

@@ -87,7 +87,11 @@ interface StatusBadgeProps {
  */
 export const StatusBadge = React.memo(({ status }: StatusBadgeProps) => {
   const config = STATUS_CONFIG[status]
-  return React.createElement(Badge, { variant: config.variant, dot: true }, config.label)
+  return React.createElement(
+    Badge,
+    { variant: config.variant, dot: true, size: 'sm' },
+    config.label
+  )
 })
 
 StatusBadge.displayName = 'StatusBadge'
@@ -110,18 +114,18 @@ export const TriggerBadge = React.memo(({ trigger }: TriggerBadgeProps) => {
 
   const coreVariant = TRIGGER_VARIANT_MAP[trigger]
   if (coreVariant) {
-    return React.createElement(Badge, { variant: coreVariant }, metadata.label)
+    return React.createElement(Badge, { variant: coreVariant, size: 'sm' }, metadata.label)
   }
 
   if (IconComponent) {
     return React.createElement(
       Badge,
-      { variant: 'gray-secondary', icon: IconComponent },
+      { variant: 'gray-secondary', size: 'sm', icon: IconComponent },
       metadata.label
     )
   }
 
-  return React.createElement(Badge, { variant: 'gray-secondary' }, metadata.label)
+  return React.createElement(Badge, { variant: 'gray-secondary', size: 'sm' }, metadata.label)
 })
 
 TriggerBadge.displayName = 'TriggerBadge'

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/cell-viewer-modal/cell-viewer-modal.tsx

@@ -1,4 +1,3 @@
-export * from './cell-viewer-modal'
 export * from './context-menu'
 export * from './row-modal'
 export * from './schema-modal'

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/cell-viewer-modal/index.ts

@@ -1,2 +1 @@
-export type { RowModalProps } from './row-modal'
 export { RowModal } from './row-modal'