Browse Source

fix(desktop): code/diff number container width

Adam 3 months ago
parent
commit
54bff6b120
2 changed files with 2 additions and 0 deletions
  1. 1 0
      packages/ui/src/components/code.tsx
  2. 1 0
      packages/ui/src/components/diff.tsx

+ 1 - 0
packages/ui/src/components/code.tsx

@@ -42,6 +42,7 @@ export function Code<T>(props: CodeProps<T>) {
         "--pjs-font-features": "var(--font-family-mono--font-feature-settings)",
         "--pjs-font-features": "var(--font-family-mono--font-feature-settings)",
         "--pjs-header-font-family": "var(--font-family-sans)",
         "--pjs-header-font-family": "var(--font-family-sans)",
         "--pjs-gap-block": 0,
         "--pjs-gap-block": 0,
+        "--pjs-min-number-column-width": "4ch",
       }}
       }}
       classList={{
       classList={{
         ...(local.classList || {}),
         ...(local.classList || {}),

+ 1 - 0
packages/ui/src/components/diff.tsx

@@ -167,6 +167,7 @@ export function Diff<T>(props: DiffProps<T>) {
         "--pjs-font-features": "var(--font-family-mono--font-feature-settings)",
         "--pjs-font-features": "var(--font-family-mono--font-feature-settings)",
         "--pjs-header-font-family": "var(--font-family-sans)",
         "--pjs-header-font-family": "var(--font-family-sans)",
         "--pjs-gap-block": 0,
         "--pjs-gap-block": 0,
+        "--pjs-min-number-column-width": "4ch",
       }}
       }}
       ref={container}
       ref={container}
     />
     />