Tweaked some of the layout and added some window dressing to make things look a bit nicer. #1

Merged
lenrsmith merged 9 commits from lenrsmith/en_btr_frontend:feature/tweak-layout into master 2020-10-14 17:36:00 +00:00
2 changed files with 19 additions and 14 deletions
Showing only changes of commit a36df87d79 - Show all commits

View File

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

View File

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