use mono font for table result

outerbase · Jul 24, 2024 · 9c141f6 · 9c141f6
1 parent f0ed2d2
commit 9c141f6
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/components/gui/query-result-table.tsx b/src/components/gui/query-result-table.tsx
@@ -88,7 +88,9 @@ function Header({
           }}
         >
           {header.icon ? <div className="mr-2">{header.icon}</div> : null}
-          <div className="grow line-clamp-1">{header.displayName}</div>
+          <div className="grow line-clamp-1 font-mono">
+            {header.displayName}
+          </div>
           <LucideChevronDown className="text-mute w-4 h-4 cursor-pointer" />
         </div>
       </DropdownMenuTrigger>

diff --git a/src/components/gui/table-cell/create-editable-cell.tsx b/src/components/gui/table-cell/create-editable-cell.tsx
@@ -87,8 +87,8 @@ function InputCellEditor({
       type="text"
       className={
         align === "right"
-          ? "bg-background w-full h-full outline-none pl-2 pr-2 border-0 text-right"
-          : "bg-background w-full h-full outline-none pl-2 pr-2 border-0"
+          ? "font-mono bg-background w-full h-full outline-none pl-2 pr-2 border-0 text-right"
+          : "font-mono bg-background w-full h-full outline-none pl-2 pr-2 border-0"
       }
       value={value ?? ""}
     />

diff --git a/src/components/gui/table-cell/generic-cell.tsx b/src/components/gui/table-cell/generic-cell.tsx
@@ -21,7 +21,7 @@ export default function GenericCell({
   onDoubleClick,
 }: TableCellProps) {
   const className = [
-    "libsql-cell",
+    "libsql-cell font-mono",
     focus ? "libsql-focus" : null,
     "pl-2 pr-2",
     isChanged ? "libsql-change" : null,