webui: s/demo-runner/demo/g
diff --git a/webui/src/web-components/demo/generate-index.ts b/webui/src/web-components/demo/generate-index.ts
index 015ef88..64ec4c7 100644
--- a/webui/src/web-components/demo/generate-index.ts
+++ b/webui/src/web-components/demo/generate-index.ts
@@ -68,7 +68,7 @@
function generateIndexHTML(demos: DemoInfo[]): string {
const demoLinks = demos
.map((demo) => {
- const href = `demo-runner.html#${demo.name}`;
+ const href = `demo.html#${demo.name}`;
const description = demo.description ? ` - ${demo.description}` : "";
return ` <li>
@@ -94,18 +94,18 @@
padding: 20px;
line-height: 1.6;
}
-
+
h1 {
color: #24292f;
border-bottom: 1px solid #d1d9e0;
padding-bottom: 10px;
}
-
+
.demo-list {
list-style: none;
padding: 0;
}
-
+
.demo-list li {
margin: 15px 0;
padding: 15px;
@@ -114,27 +114,27 @@
background: #f6f8fa;
transition: background-color 0.2s;
}
-
+
.demo-list li:hover {
background: #ffffff;
}
-
+
.demo-list a {
text-decoration: none;
color: #0969da;
display: block;
}
-
+
.demo-list a:hover {
text-decoration: underline;
}
-
+
.demo-list strong {
font-size: 16px;
display: block;
margin-bottom: 5px;
}
-
+
.stats {
background: #fff8dc;
padding: 15px;
@@ -142,7 +142,7 @@
margin: 20px 0;
border-left: 4px solid #f9c23c;
}
-
+
.runner-link {
display: inline-block;
padding: 10px 20px;
@@ -152,7 +152,7 @@
border-radius: 6px;
margin-top: 20px;
}
-
+
.runner-link:hover {
background: #0860ca;
}
@@ -160,27 +160,27 @@
</head>
<body>
<h1>Sketch Web Components Demo Index</h1>
-
+
<div class="stats">
<strong>Auto-generated index</strong><br>
Found ${demos.length} demo component${demos.length === 1 ? "" : "s"} • Last updated: ${new Date().toLocaleString()}
</div>
-
+
<p>
This page provides an overview of all available component demos.
Click on any component below to view its interactive demo.
</p>
-
- <a href="demo-runner.html" class="runner-link">🚀 Launch Demo Runner</a>
-
+
+ <a href="demo.html" class="runner-link">🚀 Launch Demo Runner</a>
+
<h2>Available Component Demos</h2>
-
+
<ul class="demo-list">
${demoLinks}
</ul>
-
+
<hr style="margin: 40px 0; border: none; border-top: 1px solid #d1d9e0;">
-
+
<p>
<em>This index is automatically generated from available <code>*.demo.ts</code> files.</em><br>
To add a new demo, create a <code>component-name.demo.ts</code> file in this directory.