Tweak the navbar a bit

This commit is contained in:
Leonard Smith 2020-10-09 16:52:24 -05:00
parent 5ed6cee1ec
commit a36df87d79
2 changed files with 19 additions and 14 deletions

View File

@ -1,17 +1,19 @@
<nav class="scripture-menu"> <nav class="scripture-menu">
<Scrollmenu @visible="true"> <div class="container">
{{#each this.books as |book|}} <Scrollmenu @visible="true">
<Book @book={{book}} @showChapters={{this.showChapters}} /> {{#each this.books as |book|}}
{{/each}} <Book @book={{book}} @showChapters={{this.showChapters}} />
</Scrollmenu> {{/each}}
</Scrollmenu>
<ChapterNav @book={{this.currentBook}} <ChapterNav @book={{this.currentBook}}
@showVerses={{this.showVerses}} @showVerses={{this.showVerses}}
@visible={{this.chaptersVisible}} /> @visible={{this.chaptersVisible}} />
<VerseNav @book={{this.currentBook}} <VerseNav @book={{this.currentBook}}
@chapter={{this.currentChapter}} @chapter={{this.currentChapter}}
@verses={{this.currentChapter.verses}} @verses={{this.currentChapter.verses}}
@verseSelected={{this.verseSelected}} @verseSelected={{this.verseSelected}}
@visible={{this.versesVisible}} /> @visible={{this.versesVisible}} />
</div>
</nav> </nav>

View File

@ -1,5 +1,8 @@
div.scrollmenu { nav.scripture-menu {
background-color: #333; background-color: #333;
}
div.scrollmenu {
overflow: auto; overflow: auto;
white-space: nowrap; white-space: nowrap;
} }