getBible/app
4
2
Fork 0
mirror of https://github.com/getbible/app.git synced 2024-12-22 07:48:55 +00:00
Code

Merge branch 'main' of github.com:getbible/app into main

Browse Source 
Please enter a commit message to explain why this merge is necessary,
This commit is contained in:
Erastus Amunwe 2020-10-26 16:52:01 +02:00
commit d570a48a16
1 changed files with 46 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/components/NavBar.vue
View File

@ -9,10 +9,56 @@
<span uk-search-icon></span>
<input class="uk-search-input" v-model="search" type="search" placeholder="Search Chapter...">
</form>
</div>
<!-- <span class="uk-label uk-label-primary"><span class="uk-badge uk-badge-danger">{{ num_of_tr}} </span>Translations Available</span> -->
</div>
<a class="uk-navbar-item uk-position-center-right" href="#modal-sections" uk-toggle><span uk-icon="icon: cog; ratio:2"></span></a>
<div id="modal-sections" uk-modal>
<div class="uk-modal-dialog">
<button class="uk-modal-close-default" type="button" uk-close></button>
<div class="uk-modal-header">
<h2 class="uk-modal-title">Settings</h2>
</div>
<div class="uk-modal-body">
<div class="uk-margin">
<h3>Saved Translations</h3>
<div>
<ul class="uk-list uk-list-large uk-list-divider">
<li>List item 1 <span class="uk-position-center-right" uk-icon="icon: minus-circle;"></span> </li>
<li>List item 2</li>
<li>List item 3</li>
<li>
<div uk-form-custom="target: > * > span:first-child">
<select>
<option value="">Add Translation...</option>
<option value="1">Option 01</option>
<option value="2">Option 02</option>
<option value="3">Option 03</option>
<option value="4">Option 04</option>
</select>
<button class="uk-button uk-button-default" type="button" tabindex="-1">
<span></span>
<span uk-icon="icon: chevron-down"></span>
</button>
</div>
<span uk-icon="icon: plus-circle; ratio:2"></span>
</li>
</ul>
</div>
</div>
</div>
<div class="uk-modal-footer uk-text-right">
<button class="uk-button uk-button-default uk-modal-close" type="button">Cancel</button>
<button class="uk-button uk-button-primary" type="button">Save</button>
</div>
</div>
</div>
</nav>
</template>
<script>