thepaperpilot/Advent-Incremental
1
0
Fork 0
mirror of https://github.com/thepaperpilot/Advent-Incremental.git synced 2024-11-21 16:13:57 +00:00
Code Issues Releases Activity Actions

More display tweaking

Browse source
This commit is contained in:
thepaperpilot 2022-12-23 18:39:52 -06:00
parent bacf5c9191
commit 9f787e53a7
2 changed files with 6 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/data/layers/routing.tsx
View file

@ -594,17 +594,17 @@ const layer = createLayer(id, function (this: BaseLayer) {
const routes = currentRoutes.value.slice();
let showPrevious = false;
let showNext = 0;
if (routes.length > 18) {
if (routes.length > 6) {
routes.splice(0, routeIndex.value);
showPrevious = true;
if (routes.length > 17) {
showNext = routes.length - 16;
routes.splice(16);
if (routes.length > 6) {
showNext = routes.length - 5;
routes.splice(5);
}
}
return (
<div class="routes-list">
{showPrevious ? (
{showPrevious && routeIndex.value > 0 ? (
<div class="checked">{formatWhole(routeIndex.value)} already checked</div>
) : null}
{routes.map((route, i) => {
@ -671,7 +671,7 @@ const layer = createLayer(id, function (this: BaseLayer) {
{render(city)}
{render(checkRouteProgressBar)}
<Spacer />
<h3>Routes to Check</h3>
<h3>Checking Routes...</h3>
{displayRoutes()}
<Spacer />
{milestonesDisplay()}

6
src/data/layers/styles/routing.css
View file

@ -1,9 +1,3 @@
.routes-list {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.routes-list .checked {
color: var(--bought);
}