fixed style of terminal menu bar and dropdown menu

pull/3094/head
LianaHus 6 years ago
parent 8694ba1242
commit 7d3989c619
  1. 2
      src/app/panels/styles/terminal-styles.js
  2. 4
      src/app/panels/terminal.js
  3. 2
      src/app/ui/dropdown.js

@ -95,6 +95,7 @@ var css = csjs`
align-items : center; align-items : center;
width : 200px; width : 200px;
padding-left : 20px; padding-left : 20px;
height : 100%;
} }
.filter { .filter {
width : 200px; width : 200px;
@ -102,6 +103,7 @@ var css = csjs`
margin-right : 0px; margin-right : 0px;
border-top-left-radius : 0px; border-top-left-radius : 0px;
border-bottom-left-radius : 0px; border-bottom-left-radius : 0px;
height : 100%;
} }
.searchIcon { .searchIcon {
height : 100%; height : 100%;

@ -144,7 +144,7 @@ class Terminal {
${self._view.dropdown} ${self._view.dropdown}
<div class=${css.search}> <div class=${css.search}>
<i class="fa fa-search ${css.searchIcon} bg-light btn-light" aria-hidden="true"></i> <i class="fa fa-search ${css.searchIcon} bg-light btn-light" aria-hidden="true"></i>
<input spellcheck="false" type="text" class=${css.filter} onkeydown=${filter} placeholder="Search transactions"> <input spellcheck="false" type="text" class="${css.filter} form-control" onkeydown=${filter} placeholder="Search transactions">
</div> </div>
</div> </div>
</div> </div>
@ -158,7 +158,7 @@ class Terminal {
</div> </div>
` `
self._view.el = yo` self._view.el = yo`
<div class="${css.panel}"> <div class="${css.panel}" style="height: 180px;">
${self._view.bar} ${self._view.bar}
${self._view.term} ${self._view.term}
</div> </div>

@ -66,7 +66,7 @@ class Dropdown {
return yo` return yo`
<div class=${css.option}> <div class=${css.option}>
${input} ${input}
<label for="${label}">${label}</label> <label class="text-dark" for="${label}">${label}</label>
</div> </div>
` `
})} })}

Loading…
Cancel
Save