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

applied theme

Browse Source
This commit is contained in:
Erastus Amunwe 2020-11-24 22:57:04 +02:00
parent 55fcffa514
commit 813c1b7f89
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/Search.vue
View File

@ -1,15 +1,15 @@
<template>
<div id="offcanvas-slide" uk-offcanvas>
<div class="uk-offcanvas-bar">
<div class="uk-offcanvas-bar secondary text-secondary">
<div class="uk-nav uk-nav-default">
<div class="uk-margin">
<form class="uk-search uk-search-default" action="javascript:void(0)">
<!-- <span uk-search-icon></span> -->
<input class="uk-search-input" v-model="search" type="search" placeholder="Search Words...">
<input class="uk-search-input text-primary" v-model="search" type="search" placeholder="Search Words...">
<div class="uk-margin">
<button class="uk-button uk-button-default uk-button-small">Search</button>
<button class="uk-button uk-button-default uk-button-small text-primary">Search</button>
</div>
</form>
@ -18,30 +18,30 @@
<div class="uk-margin">
<div class="uk-margin">
<div class="uk-button-group">
<button class="uk-button uk-button-default uk-button-small uk-active">ALL WORDS</button>
<button class="uk-button uk-button-default uk-button-small">ANY WORDS</button>
<button class="uk-button uk-button-default uk-button-small">PHRASE</button>
<div class="uk-button-group text-primary">
<button class="uk-button uk-button-default uk-button-small text-primary uk-active">ALL WORDS</button>
<button class="uk-button uk-button-default uk-button-small text-primary">ANY WORDS</button>
<button class="uk-button uk-button-default uk-button-small text-primary">PHRASE</button>
</div>
</div>
<div class="uk-margin">
<div class="uk-button-group">
<button class="uk-button uk-button-default uk-button-small uk-active">BIBLE</button>
<button class="uk-button uk-button-default uk-button-small">OT</button>
<button class="uk-button uk-button-default uk-button-small">NT</button>
<button class="uk-button uk-button-default uk-button-small">CHAPTER</button>
<button class="uk-button uk-button-default uk-button-small text-primary uk-active">BIBLE</button>
<button class="uk-button uk-button-default uk-button-small text-primary">OT</button>
<button class="uk-button uk-button-default uk-button-small text-primary">NT</button>
<button class="uk-button uk-button-default uk-button-small text-primary">CHAPTER</button>
</div>
</div>
<div class="uk-margin">
<div class="uk-button-group">
<button class="uk-button uk-button-default uk-button-small uk-active">EXACT MATCH</button>
<button class="uk-button uk-button-default uk-button-small">PARTIAL MATCH</button>
<button class="uk-button uk-button-default uk-button-small text-primary uk-active">EXACT MATCH</button>
<button class="uk-button uk-button-default uk-button-small text-primary">PARTIAL MATCH</button>
</div>
</div>
<div class="uk-margin">
<div class="uk-button-group">
<button class="uk-button uk-button-default uk-button-small uk-active">CASE INSENSITIVE</button>
<button class="uk-button uk-button-default uk-button-small">CASE SENSITIVE</button>
<button class="uk-button uk-button-default uk-button-small text-primary uk-active">CASE INSENSITIVE</button>
<button class="uk-button uk-button-default uk-button-small text-primary">CASE SENSITIVE</button>
</div>
</div>
</div>