mark/vibn-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
mawkone
2026-06-14 13:11:12 -07:00
parent 5abfe19bed
commit 3774a1771b
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
vibn-frontend/components/project/gitea-file-viewer.tsx
View File

@@ -221,19 +221,21 @@ export function GiteaFileViewer({ projectId, path }: GiteaFileViewerProps) {
style={oneLight} style={oneLight}
customStyle={{ customStyle={{
margin: 0, margin: 0,
padding: "16px", padding: "24px 16px 24px 0",
background: THEME.cardBg, background: THEME.cardBg,
fontSize: "0.8rem", fontSize: "13px",
lineHeight: "24px",
fontFamily: fontFamily:
"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace", '"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace',
flex: 1, flex: 1,
}} }}
showLineNumbers={true} showLineNumbers={true}
lineNumberStyle={{ lineNumberStyle={{
minWidth: "3em", minWidth: "48px",
paddingRight: "1em", paddingRight: "24px",
color: THEME.muted, color: "#94a3b8",
textAlign: "right", textAlign: "right",
userSelect: "none",
}} }}
> >
{content || ""} {content || ""}