fix(codebase): adjust code viewer spacing, font size, and line number colors to match design reference

2026-06-14 13:11:12 -07:00
parent 5abfe19bed
commit 3774a1771b
1 changed files with 8 additions and 6 deletions
--- a/vibn-frontend/components/project/gitea-file-viewer.tsx
+++ b/vibn-frontend/components/project/gitea-file-viewer.tsx
@@ -221,19 +221,21 @@ export function GiteaFileViewer({ projectId, path }: GiteaFileViewerProps) {
            style={oneLight}
            customStyle={{
              margin: 0,
-              padding: "16px",
+              padding: "24px 16px 24px 0",
              background: THEME.cardBg,
-              fontSize: "0.8rem",
+              fontSize: "13px",
+              lineHeight: "24px",
              fontFamily:
-                "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+                '"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace',
              flex: 1,
            }}
            showLineNumbers={true}
            lineNumberStyle={{
-              minWidth: "3em",
-              paddingRight: "1em",
-              color: THEME.muted,
+              minWidth: "48px",
+              paddingRight: "24px",
+              color: "#94a3b8",
              textAlign: "right",
+              userSelect: "none",
            }}
          >
            {content || ""}