Add LocationSearchCard and add to homepage for testing.

Run `npm run format`
This commit is contained in:
2026-03-16 20:31:28 +00:00
parent f5c3775f59
commit 35877ae8ac
11 changed files with 427 additions and 283 deletions

View File

@@ -34,7 +34,7 @@
if (navWidth === 0) return navItems.length;
const available = navWidth;
const totalItems = navItems.length;
const countWithoutMore = Math.floor(available/ ITEM_WIDTH);
const countWithoutMore = Math.floor(available / ITEM_WIDTH);
if (countWithoutMore >= totalItems) return totalItems;
@@ -128,10 +128,11 @@
</nav>
<div class="viewport-guard">
<img src={logoPlain} alt="OwlBoard Logo" width=100 height=100>
<img src={logoPlain} alt="OwlBoard Logo" width="100" height="100" />
<h1 class="viewport-guard-title">Narrow Gauge Detected</h1>
<p>
Just as trains need the right track width, our data needs a bit more room to stay on the rails. Please expand your view to at least 300px to view the app.
Just as trains need the right track width, our data needs a bit more room to stay on the rails.
Please expand your view to at least 300px to view the app.
</p>
</div>
@@ -193,7 +194,8 @@
box-shadow: var(--shadow-up);
}
.nav-item, .more-menu-wrapper {
.nav-item,
.more-menu-wrapper {
display: flex;
flex: 1;
flex-direction: column;
@@ -317,8 +319,10 @@
margin: auto;
padding-top: 30px;
}
header, main, nav {
header,
main,
nav {
display: none;
}
}