Skip to content

Commit df27803

Browse files
committed
fix(docs/examples): add w-full to pre elements for proper mobile overflow
The <pre> elements were expanding beyond the viewport, causing horizontal scroll. Adding w-full ensures they respect the container width so overflow-x-auto works correctly on mobile.
1 parent 79eb9bf commit df27803

1 file changed

Lines changed: 13 additions & 13 deletions

File tree

‎src/pages/docs/examples.astro‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ import Docs from '../../layouts/Docs.astro';
2828

2929
<p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">curl</p>
3030
<div class="rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-5">
31-
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto"><code>{`curl https://api.nan.builders/v1/chat/completions \\
31+
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto w-full w-full"><code>{`curl https://api.nan.builders/v1/chat/completions \\
3232
-H "Content-Type: application/json" \\
3333
-H "Authorization: Bearer tu-api-key-personal" \\
3434
-d '{
@@ -40,7 +40,7 @@ import Docs from '../../layouts/Docs.astro';
4040

4141
<p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">python (openai)</p>
4242
<div class="rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
43-
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto"><code>{`from openai import OpenAI
43+
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto w-full"><code>{`from openai import OpenAI
4444
4545
client = OpenAI(
4646
api_key="sk-tu-key-aqui",
@@ -65,7 +65,7 @@ for chunk in response:
6565

6666
<p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">node.js (openai)</p>
6767
<div class="rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
68-
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto"><code>{`import OpenAI from "openai";
68+
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto w-full"><code>{`import OpenAI from "openai";
6969
7070
const client = new OpenAI({
7171
apiKey: "sk-tu-key-aqui",
@@ -90,7 +90,7 @@ for await (const chunk of stream) {
9090

9191
<p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">opencode.json (config)</p>
9292
<div class="rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
93-
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto"><code>{`{
93+
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto w-full"><code>{`{
9494
"$schema": "https://opencode.ai/config.json",
9595
"provider": {
9696
"litellm": {
@@ -127,7 +127,7 @@ for await (const chunk of stream) {
127127

128128
<p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">curl</p>
129129
<div class="rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-5">
130-
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto"><code>{`curl https://api.nan.builders/v1/embeddings \\
130+
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto w-full"><code>{`curl https://api.nan.builders/v1/embeddings \\
131131
-H "Content-Type: application/json" \\
132132
-H "Authorization: Bearer tu-api-key-personal" \\
133133
-d '{
@@ -139,7 +139,7 @@ for await (const chunk of stream) {
139139

140140
<p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">python</p>
141141
<div class="rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
142-
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto"><code>{`from openai import OpenAI
142+
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto w-full"><code>{`from openai import OpenAI
143143
144144
client = OpenAI(
145145
api_key="sk-tu-key-aqui",
@@ -157,7 +157,7 @@ print(len(embeddings[0])) # 4096`}</code></pre>
157157

158158
<p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">node.js</p>
159159
<div class="rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
160-
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto"><code>{`import OpenAI from "openai";
160+
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto w-full"><code>{`import OpenAI from "openai";
161161
162162
const client = new OpenAI({
163163
apiKey: "sk-tu-key-aqui",
@@ -183,7 +183,7 @@ console.log(embeddings[0].length); // 4096`}</code></pre>
183183

184184
<p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">curl</p>
185185
<div class="rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-5">
186-
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto"><code>{`curl https://api.nan.builders/v1/audio/speech \\
186+
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto w-full"><code>{`curl https://api.nan.builders/v1/audio/speech \\
187187
-H "Content-Type: application/json" \\
188188
-H "Authorization: Bearer tu-api-key-personal" \\
189189
-d '{
@@ -199,7 +199,7 @@ console.log(embeddings[0].length); // 4096`}</code></pre>
199199

200200
<p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">python</p>
201201
<div class="rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
202-
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto"><code>{`from openai import OpenAI
202+
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto w-full"><code>{`from openai import OpenAI
203203
204204
client = OpenAI(
205205
api_key="sk-tu-key-aqui",
@@ -227,7 +227,7 @@ response = client.audio.speech.create(
227227

228228
<p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">node.js</p>
229229
<div class="rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
230-
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto"><code>{`import OpenAI from "openai";
230+
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto w-full"><code>{`import OpenAI from "openai";
231231
import fs from "fs";
232232
233233
const client = new OpenAI({
@@ -257,7 +257,7 @@ fs.writeFileSync("output.mp3", buffer);`}</code></pre>
257257

258258
<p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">curl</p>
259259
<div class="rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-5">
260-
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto"><code>{`# Transcribe audio file
260+
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto w-full"><code>{`# Transcribe audio file
261261
curl https://api.nan.builders/v1/audio/transcriptions \\
262262
-H "Authorization: Bearer tu-api-key-personal" \\
263263
-F "model=whisper" \\
@@ -275,7 +275,7 @@ curl https://api.nan.builders/v1/audio/translations \\
275275

276276
<p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">python</p>
277277
<div class="rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
278-
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto"><code>{`from openai import OpenAI
278+
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto w-full"><code>{`from openai import OpenAI
279279
280280
client = OpenAI(
281281
api_key="sk-tu-key-aqui",
@@ -306,7 +306,7 @@ print(translation.text) # English translation`}</code></pre>
306306

307307
<p class="font-mono text-[10px] text-violet-400 uppercase tracking-widest mb-3">node.js</p>
308308
<div class="rounded-xl border border-neutral-800/60 bg-[#0a0a0a] p-3 sm:p-5 mb-4">
309-
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto"><code>{`import OpenAI from "openai";
309+
<pre class="font-mono text-xs text-neutral-300 overflow-x-auto w-full"><code>{`import OpenAI from "openai";
310310
import fs from "fs";
311311
import FormData from "form-data";
312312

0 commit comments

Comments
 (0)