shiyue/PinchChat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Font options for the UI in larger screens, for code and screen fonts display

Browse Source
This commit is contained in:
Ruhani Rabin
2026-03-04 11:08:31 +08:00
parent b7c18d5f3c
commit 090e39016f
9 changed files with 604 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/index.css
View File

@@ -42,6 +42,10 @@
--pc-hover: rgba(255,255,255,0.05);
--pc-hover-strong: rgba(255,255,255,0.08);
--pc-separator: rgba(255,255,255,0.05);
--pc-font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
--pc-font-mono: 'JetBrains Mono', 'Cascadia Code', 'Fira Code', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
--pc-font-size: 15px;
--pc-font-size-mono: 14px;
}
/* Global focus-visible ring for keyboard navigation (a11y).
@@ -117,11 +121,16 @@ html, body {
margin: 0;
background: var(--pc-bg-base);
color: var(--pc-text-primary);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
font-family: var(--pc-font-ui);
font-size: var(--pc-font-size);
overflow-x: hidden;
max-width: 100vw;
}
code, kbd, pre {
font-family: var(--pc-font-mono);
}
@keyframes fade-in {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
@@ -160,7 +169,8 @@ html, body {
padding: 16px;
overflow-x: auto;
margin: 8px 0;
font-size: 0.82em;
font-family: var(--pc-font-mono);
font-size: calc(var(--pc-font-size-mono) * 0.9);
line-height: 1.6;
max-width: 100%;
box-sizing: border-box;
@@ -176,7 +186,8 @@ html, body {
background: var(--pc-accent-glow);
padding: 2px 6px;
border-radius: 6px;
font-size: 0.85em;
font-size: calc(var(--pc-font-size-mono) * 0.95);
font-family: var(--pc-font-mono);
}
/* Override highlight.js theme bg to match */