diff --git a/package.json b/package.json
index 3fd713f..f57be01 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"name": "gerbil",
"productName": "Gerbil",
- "version": "1.2.4",
+ "version": "1.2.5",
"description": "Run Large Language Models locally",
"main": "out/main/index.js",
"homepage": "./",
@@ -64,6 +64,7 @@
"vite": "^7.1.5"
},
"dependencies": {
+ "@fontsource/inter": "^5.2.7",
"@mantine/core": "^8.3.1",
"@mantine/hooks": "^8.3.1",
"@types/yauzl": "^2.10.3",
diff --git a/src/components/settings/AboutTab.tsx b/src/components/settings/AboutTab.tsx
index 839c570..7fd50e2 100644
--- a/src/components/settings/AboutTab.tsx
+++ b/src/components/settings/AboutTab.tsx
@@ -81,7 +81,7 @@ export const AboutTab = () => {
/>
-
+
{PRODUCT_NAME}
{
min={ZOOM.MIN_LEVEL}
max={ZOOM.MAX_LEVEL}
step={0.25}
- marks={[
- {
- value: ZOOM.MIN_LEVEL,
- label: `${ZOOM.MIN_PERCENTAGE}%`,
- },
- {
- value: ZOOM.DEFAULT_LEVEL,
- label: `${ZOOM.DEFAULT_PERCENTAGE}%`,
- },
- {
- value: ZOOM.MAX_LEVEL,
- label: `${ZOOM.MAX_PERCENTAGE}%`,
- },
- ]}
label={(value) => `${zoomLevelToPercentage(value)}%`}
style={{ marginBottom: '0.5rem' }}
/>
diff --git a/src/constants/index.ts b/src/constants/index.ts
index e0300bb..f4904e0 100644
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -100,10 +100,10 @@ export const FRONTENDS = {
} as const;
export const ZOOM = {
- MIN_LEVEL: -5,
- MAX_LEVEL: 5,
+ MIN_LEVEL: -3,
+ MAX_LEVEL: 3,
MIN_PERCENTAGE: 25,
- MAX_PERCENTAGE: 500,
+ MAX_PERCENTAGE: 300,
DEFAULT_LEVEL: 0,
DEFAULT_PERCENTAGE: 100,
} as const;
diff --git a/src/main.tsx b/src/main.tsx
index 8bb7d78..f55b852 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,12 +1,19 @@
import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
-import { MantineProvider } from '@mantine/core';
+import { MantineProvider, createTheme } from '@mantine/core';
import { App } from '@/App.tsx';
import '@/styles/index.css';
+const theme = createTheme({
+ fontFamily: 'Inter, sans-serif',
+ headings: {
+ fontFamily: 'Inter, sans-serif',
+ },
+});
+
createRoot(document.getElementById('root')!).render(
-
+
diff --git a/src/styles/index.css b/src/styles/index.css
index b4dfe01..0ab5686 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -1,4 +1,7 @@
@import '@mantine/core/styles.css';
+@import '@fontsource/inter/400.css';
+@import '@fontsource/inter/500.css';
+@import '@fontsource/inter/600.css';
/* Custom scrollbars */
::-webkit-scrollbar {
diff --git a/yarn.lock b/yarn.lock
index e86b15b..3371e23 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -722,6 +722,13 @@ __metadata:
languageName: node
linkType: hard
+"@fontsource/inter@npm:^5.2.7":
+ version: 5.2.7
+ resolution: "@fontsource/inter@npm:5.2.7"
+ checksum: 10c0/e85d098c2955e847a1929bd80e936af490d97fc43e7896f88915fac62649d7803119532b88108304f66350477cc11dbdf9ab2a9b78f7f9aeb283d1762854079d
+ languageName: node
+ linkType: hard
+
"@gar/promisify@npm:^1.1.3":
version: 1.1.3
resolution: "@gar/promisify@npm:1.1.3"
@@ -3638,6 +3645,7 @@ __metadata:
resolution: "gerbil@workspace:."
dependencies:
"@eslint/js": "npm:^9.35.0"
+ "@fontsource/inter": "npm:^5.2.7"
"@mantine/core": "npm:^8.3.1"
"@mantine/hooks": "npm:^8.3.1"
"@types/node": "npm:^24.3.3"