tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Small adjustments on search header css.

This commit is contained in:
Mateus Machado Luna 2018-05-02 15:31:36 -03:00
parent 495cfd110c
commit 68eebe0947
1 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/admin/components/navigation/tainacan-header.vue
View File

@ -17,12 +17,17 @@
</div>
<div class="level-right">
<span class="search-area">
<b-input
:placeholder="$i18n.get('instruction_search_repository')"
type="search"
size="is-small"
v-model="searchTerm"
icon="magnify" />
<div class="control has-icons-right is-small is-clearfix">
<input
autocomplete="on"
:placeholder="$i18n.get('instruction_search_repository')"
class="input is-small"
type="search"
v-model="searchTerm">
<span class="icon is-right">
<i class="mdi mdi-magnify" />
</span>
</div>
<a href="">{{ $i18n.get('advanced_search') }}</a>
</span>
<a
@ -60,6 +65,7 @@ export default {
background-color: $secondary;
height: $header-height;
max-height: $header-height;
box-shadow: 0px -2px 7px #000;
width: 100%;
padding: 12px;
vertical-align: middle;
@ -103,16 +109,20 @@ export default {
.search-area {
display: flex;
align-items: center;
margin-right: 36px;
input {
height: 27px;
margin: 0px 12px;
font-size: 11px;
color: $gray-light;
}
.icon {
color: $tertiary;
.control {
input {
height: 27px;
font-size: 11px;
color: $gray-light;
}
.icon {
color: $tertiary;
height: 27px;
}
}
a {
margin: 0px 12px;
font-size: 12px;