diff --git a/src/components/Explore.vue b/src/components/Explore.vue index 15a4d31..644ab11 100644 --- a/src/components/Explore.vue +++ b/src/components/Explore.vue @@ -14,7 +14,6 @@
-
@@ -137,6 +136,7 @@ export default class Explore extends Vue { } .explore-nav { + position: relative; grid-area: nav; background: #444; display: grid; @@ -151,12 +151,6 @@ export default class Explore extends Vue { height: 100%; } -.nav-filler { - grid-area: var(--nav-direction); - background: #222; - margin: 10px; -} - .explore-choices { grid-area: choices; background: #555; diff --git a/src/components/NavButton.vue b/src/components/NavButton.vue index bf5a3fc..14bd70b 100644 --- a/src/components/NavButton.vue +++ b/src/components/NavButton.vue @@ -41,7 +41,7 @@ export default class NavButton extends Vue { .nav-button { grid-area: var(--nav-direction); - margin: 5%; + padding: 5%; background: #555; color: #ccc; font-size: 200%; @@ -50,6 +50,9 @@ export default class NavButton extends Vue { border-radius: 8px; border-style: outset; outline: none; + width: 100%; + height: 100%; + z-index: 1; } .nav-button:hover { diff --git a/src/game/world.ts b/src/game/world.ts index 0fa98d7..ff93d10 100644 --- a/src/game/world.ts +++ b/src/game/world.ts @@ -47,6 +47,14 @@ export class Connection { } + visible (world: World, traveler: Creature): boolean { + return true + } + + accessible (world: World, traveler: Creature): boolean { + return true + } + travel (world: World, traveler: Creature) { world.advance(moment.duration(5, "minutes")) traveler.location = this.dst