getBible/app
4
2
Fork 0
mirror of https://github.com/getbible/app.git synced 2025-01-03 04:30:14 +00:00
Code

applied theme

Browse Source
This commit is contained in:
Erastus Amunwe 2020-11-24 23:01:37 +02:00
parent 74a52b2317
commit db165147c0
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Verses.vue
View File

@ -2,16 +2,16 @@
<div v-if="verses.length"> <div v-if="verses.length">
<!-- {{search.toLowerCase() + fverses.length}} --> <!-- {{search.toLowerCase() + fverses.length}} -->
<br /> <br />
<div class="uk-card uk-card-default uk-card-body uk-width-1-1"> <div class="uk-card uk-card-default primary uk-card-body uk-width-1-1">
<ul :dir="dir" <ul :dir="dir"
class="uk-margin-medium-top uk-list uk-list-divider uk-animation-hover"> class="uk-margin-medium-top uk-list uk-list-divider uk-animation-hover">
<li v-for="(verse, i) in pverses" :key="i" <li v-for="(verse, i) in pverses" :key="i"
:class="`uk-animation-slide-bottom uk-animation-15 uk-animation-hover`" :class="`uk-animation-slide-bottom uk-animation-15 uk-animation-hover`"
> >
<h5 class=" uk-primary"> <h5 class=" uk-primary text-secondary">
<span class="uk-heading-bullet"> {{book_name}} </span> <span class="uk-heading-bullet"> {{book_name+' '}} </span>
<span class="uk-badge badge-light"> <span class="uk-badge secondary badge-light">
{{verse.chapter}}:{{verse.verse}} {{verse.chapter}}:{{verse.verse}}
</span> </span>
</h5> </h5>
@ -20,11 +20,11 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="uk-position-small uk-position-center-left uk-overlay uk-overlay-default"> <div class="uk-position-small uk-position-center-left uk-overlay ">
<span @click="prevV" class="uk-icon-button" uk-icon="icon:chevron-left; ratio:2"></span> <span @click="prevV" class="uk-icon-button primary text-secondary" uk-icon="icon:chevron-left; ratio:2"></span>
</div> </div>
<div class="uk-position-small uk-position-center-right uk-overlay uk-overlay-default"> <div class="uk-position-small uk-position-center-right uk-overlay ">
<span @click="nextV" class="uk-icon-button" uk-icon="icon:chevron-right; ratio:2"></span> <span @click="nextV" class="uk-icon-button primary text-secondary" uk-icon="icon:chevron-right; ratio:2"></span>
</div> </div>