diff options
| author | Dessalines <tyhou13@gmx.com> | 2020-07-03 22:00:51 -0400 |
|---|---|---|
| committer | Dessalines <tyhou13@gmx.com> | 2020-07-03 22:00:51 -0400 |
| commit | 69df9cecca357989ef4a5c056b67bd252641df01 (patch) | |
| tree | 9aa1cbe8ec661f50c845f66b1d3cc3cf93f19aed /ui/src/components/navbar.tsx | |
| parent | b1b755713ef791f777fb138ff9c9392e17c3529a (diff) | |
Adding a search icon, and a faster transition.
Diffstat (limited to 'ui/src/components/navbar.tsx')
| -rw-r--r-- | ui/src/components/navbar.tsx | 25 |
1 files changed, 13 insertions, 12 deletions
diff --git a/ui/src/components/navbar.tsx b/ui/src/components/navbar.tsx index 7c72d6cd..53b085e5 100644 --- a/ui/src/components/navbar.tsx +++ b/ui/src/components/navbar.tsx @@ -245,21 +245,22 @@ export class Navbar extends Component<any, NavbarState> { placeholder={i18n.t('search')} onBlur={linkEvent(this, this.handleSearchBlur)} ></input> - <div class="mx-sm-2"> - <button - name="search-btn" - onClick={linkEvent(this, this.handleSearchBtn)} - class="btn btn-secondary" - > - {i18n.t('search')} - </button> - </div> + <button + name="search-btn" + onClick={linkEvent(this, this.handleSearchBtn)} + class="btn btn-link" + style="color: var(--gray)" + > + <svg class="icon"> + <use xlinkHref="#icon-search"></use> + </svg> + </button> </form> </div> )} - <ul class="navbar-nav ml-2"> + <ul class="navbar-nav my-2"> {this.canAdmin && ( - <li className="nav-item mt-1"> + <li className="nav-item"> <Link class="nav-link" to={`/admin`} @@ -273,7 +274,7 @@ export class Navbar extends Component<any, NavbarState> { )} {this.state.isLoggedIn ? ( <> - <li className="nav-item mt-1"> + <li className="nav-item"> <Link class="nav-link" to="/inbox" title={i18n.t('inbox')}> <svg class="icon"> <use xlinkHref="#icon-bell"></use> |