visual improvements to search page

This commit is contained in:
Alex Yatskov 2017-03-05 11:54:48 -08:00
parent 0e8f00a68f
commit ca778d30f7
2 changed files with 8 additions and 0 deletions

View File

@ -45,6 +45,7 @@ window.displayWindow = new class extends Display {
onSearch(e) { onSearch(e) {
e.preventDefault(); e.preventDefault();
$('#intro').slideUp();
instYomi().termsFind($('#query').val()).then(({length, definitions}) => { instYomi().termsFind($('#query').val()).then(({length, definitions}) => {
super.showTermDefs(definitions, instYomi().options); super.showTermDefs(definitions, instYomi().options);
}).catch(this.handleError.bind(this)); }).catch(this.handleError.bind(this));

View File

@ -9,6 +9,13 @@
</head> </head>
<body> <body>
<div class="container-fluid"> <div class="container-fluid">
<div id="intro">
<div class="page-header">
<h1>Yomichan Search</h1>
</div>
<p>Search your installed dictionaries by entering a Japanese expression into the field below.</p>
</div>
<p> <p>
<form class="input-group"> <form class="input-group">
<input type="text" class="form-control" placeholder="Search for..." id="query"> <input type="text" class="form-control" placeholder="Search for..." id="query">