From 3774a1771b280f08df7bc7296f8c578ab38c2e53 Mon Sep 17 00:00:00 2001 From: mawkone Date: Sun, 14 Jun 2026 13:11:12 -0700 Subject: [PATCH] fix(codebase): adjust code viewer spacing, font size, and line number colors to match design reference --- .../components/project/gitea-file-viewer.tsx | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/vibn-frontend/components/project/gitea-file-viewer.tsx b/vibn-frontend/components/project/gitea-file-viewer.tsx index 91eb47e4..5c61bdb9 100644 --- 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 || ""}