Skip to content

Commit 4baa4ae

Browse files
committed
style: improve code block styling and formatting
- Make inline code blocks more compact with smaller font and padding - Darken code background in dark mode for better contrast - Add backticks around gptme-server in demo conversation
1 parent 9468e2b commit 4baa4ae

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

src/democonversations.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -131,7 +131,7 @@ export const demoConversations: DemoConversation[] = [
131131
},
132132
{
133133
role: "assistant",
134-
content: "To use the gptme web UI, you'll need to run gptme-server locally first:\n\n```shell\ngptme-server --cors-origin='<origin>' # Replace <origin> with the web UI URL\n```\n\nThen you have two options for accessing the web UI:\n\n1. **Use the hosted version** at [chat.gptme.org](https://chat.gptme.org):\n - Use `--cors-origin='https://chat.gptme.org'` when starting the server\n - Click the 'Connect' button in the top-right corner\n - Enter the server URL (default: http://127.0.0.1:5000)\n\n2. **Run the web UI locally**:\n ```shell\n git clone https://github.com/ErikBjare/gptme-webui\n cd gptme-webui\n npm install\n npm run dev\n ```\n Then:\n - Use `--cors-origin='http://localhost:8080'` when starting the server\n - Open http://localhost:8080 in your browser\n - Click 'Connect' and enter the server URL\n\nBoth options provide the same features, just choose what works best for you!",
134+
content: "To use the gptme web UI, you'll need to run `gptme-server` locally first:\n\n```shell\ngptme-server --cors-origin='<origin>' # Replace <origin> with the web UI URL\n```\n\nThen you have two options for accessing the web UI:\n\n1. **Use the hosted version** at [chat.gptme.org](https://chat.gptme.org):\n - Use `--cors-origin='https://chat.gptme.org'` when starting the server\n - Click the 'Connect' button in the top-right corner\n - Enter the server URL (default: http://127.0.0.1:5000)\n\n2. **Run the web UI locally**:\n ```shell\n git clone https://github.com/ErikBjare/gptme-webui\n cd gptme-webui\n npm install\n npm run dev\n ```\n Then:\n - Use `--cors-origin='http://localhost:8080'` when starting the server\n - Open http://localhost:8080 in your browser\n - Click 'Connect' and enter the server URL\n\nBoth options provide the same features, just choose what works best for you!",
135135
timestamp: now.toISOString(),
136136
}
137137
],

src/index.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@
5353
--ring: 142.4 71.8% 29.2%;
5454
--code-background: 0 0% 3%;
5555
--codesnip: 0 0% 100%;
56-
--codesnip-background: 0 0% 13%;
56+
--codesnip-background: 0 0% 6%;
5757
}
5858
}
5959

@@ -134,7 +134,7 @@
134134
}
135135

136136
.chat-message *:not(pre) > code {
137-
@apply rounded-md border-border p-1 px-2 text-gray-900;
137+
@apply rounded-sm border-border px-[.4rem] py-1 text-gray-900 text-[0.7rem];
138138
color: hsl(var(--codesnip));
139139
background-color: hsl(var(--codesnip-background));
140140
}

0 commit comments

Comments
 (0)