vibeasite-templates/template-developer-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seed: developer-tools template (15 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 23:02:19 +00:00
parent af7cff5755
commit b98da733bf
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Docs.tsx
+4 -4
View File
@@ -92,7 +92,7 @@ export default function DocsPage() {
<button <button
key={s.id} key={s.id}
onClick={() => scrollTo(s.id)} onClick={() => scrollTo(s.id)}
className={`w-full flex items-center gap-3 px-3 py-2 rounded-lg text-sm transition-all \${ className={`w-full flex items-center gap-3 px-3 py-2 rounded-lg text-sm transition-all ${
activeSection === s.id activeSection === s.id
? "bg-emerald-500/10 text-emerald-400 font-medium" ? "bg-emerald-500/10 text-emerald-400 font-medium"
: "text-slate-400 hover:text-white hover:bg-slate-800/50" : "text-slate-400 hover:text-white hover:bg-slate-800/50"
@@ -115,7 +115,7 @@ export default function DocsPage() {
<button <button
key={s.id} key={s.id}
onClick={() => scrollTo(s.id)} onClick={() => scrollTo(s.id)}
className={`flex-shrink-0 px-3 py-1.5 rounded-full text-sm \${ className={`flex-shrink-0 px-3 py-1.5 rounded-full text-sm ${
activeSection === s.id activeSection === s.id
? "bg-emerald-500/10 text-emerald-400" ? "bg-emerald-500/10 text-emerald-400"
: "text-slate-400 hover:text-white" : "text-slate-400 hover:text-white"
@@ -196,7 +196,7 @@ GET /v1/projects?api_key=sk_live_...`}
<div className="space-y-3"> <div className="space-y-3">
{endpoints.map((ep) => ( {endpoints.map((ep) => (
<div key={ep.path + ep.method} className="flex items-center gap-4 p-4 rounded-lg border border-slate-800 bg-slate-900/50 hover:border-emerald-500/20 transition-all"> <div key={ep.path + ep.method} className="flex items-center gap-4 p-4 rounded-lg border border-slate-800 bg-slate-900/50 hover:border-emerald-500/20 transition-all">
<Badge className={`font-mono text-xs px-2 py-1 \${ <Badge className={`font-mono text-xs px-2 py-1 ${
ep.method === "GET" ? "bg-sky-500/10 text-sky-400 border-sky-500/20" : ep.method === "GET" ? "bg-sky-500/10 text-sky-400 border-sky-500/20" :
ep.method === "POST" ? "bg-emerald-500/10 text-emerald-400 border-emerald-500/20" : ep.method === "POST" ? "bg-emerald-500/10 text-emerald-400 border-emerald-500/20" :
"bg-red-500/10 text-red-400 border-red-500/20" "bg-red-500/10 text-red-400 border-red-500/20"
@@ -253,7 +253,7 @@ const project = await response.json();`}
<div className="space-y-3"> <div className="space-y-3">
{errorCodes.map((e) => ( {errorCodes.map((e) => (
<div key={e.code} className="flex items-start gap-4 p-4 rounded-lg border border-slate-800 bg-slate-900/50"> <div key={e.code} className="flex items-start gap-4 p-4 rounded-lg border border-slate-800 bg-slate-900/50">
<Badge variant="outline" className={`font-mono text-xs \${ <Badge variant="outline" className={`font-mono text-xs ${
e.code.startsWith("4") ? "text-amber-400 border-amber-500/30" : "text-red-400 border-red-500/30" e.code.startsWith("4") ? "text-amber-400 border-amber-500/30" : "text-red-400 border-red-500/30"
}`}> }`}>
{e.code} {e.code}