(props: { active: "models" | "providers" | "labs" })
| 1339 | } |
| 1340 | |
| 1341 | function MobileMenu(props: { active: "models" | "providers" | "labs" }) { |
| 1342 | return ( |
| 1343 | <dialog |
| 1344 | id="mobile-menu" |
| 1345 | class="mobile-menu" |
| 1346 | aria-labelledby="mobile-menu-title" |
| 1347 | > |
| 1348 | <div class="header"> |
| 1349 | <h2 id="mobile-menu-title">Menu</h2> |
| 1350 | <button type="button" id="mobile-menu-close" aria-label="Close menu"> |
| 1351 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> |
| 1352 | <line |
| 1353 | x1="18" |
| 1354 | y1="6" |
| 1355 | x2="6" |
| 1356 | y2="18" |
| 1357 | stroke="currentColor" |
| 1358 | stroke-width="2" |
| 1359 | stroke-linecap="round" |
| 1360 | /> |
| 1361 | <line |
| 1362 | x1="6" |
| 1363 | y1="6" |
| 1364 | x2="18" |
| 1365 | y2="18" |
| 1366 | stroke="currentColor" |
| 1367 | stroke-width="2" |
| 1368 | stroke-linecap="round" |
| 1369 | /> |
| 1370 | </svg> |
| 1371 | </button> |
| 1372 | </div> |
| 1373 | <nav class="mobile-menu-list" aria-label="Mobile"> |
| 1374 | <a class={props.active === "models" ? "active" : ""} href="/models"> |
| 1375 | Models |
| 1376 | </a> |
| 1377 | <a |
| 1378 | class={props.active === "providers" ? "active" : ""} |
| 1379 | href="/providers" |
| 1380 | > |
| 1381 | Providers |
| 1382 | </a> |
| 1383 | <a class={props.active === "labs" ? "active" : ""} href="/labs"> |
| 1384 | Labs |
| 1385 | </a> |
| 1386 | <button type="button" id="mobile-search-trigger"> |
| 1387 | Search |
| 1388 | </button> |
| 1389 | <a |
| 1390 | target="_blank" |
| 1391 | rel="noopener noreferrer" |
| 1392 | href="https://github.com/sst/models.dev" |
| 1393 | > |
| 1394 | GitHub |
| 1395 | </a> |
| 1396 | <button type="button" id="mobile-help-trigger"> |
| 1397 | How to use |
| 1398 | </button> |
nothing calls this directly
no outgoing calls
no test coverage detected