Update layout.ecr, replace navbar and add functional search

7 years ago · 5d48215a5f
parent 15cc2ff622
commit 5d48215a5f
1 changed files with 10 additions and 3 deletions
--- a/src/views/layout.ecr
+++ b/src/views/layout.ecr
@ -11,12 +11,19 @@
 </head>

 <body>
-  <div class="pure-menu pure-menu-horizontal">
-    <a href="" class="pure-menu-heading pure-menu-link">Invidious</a>
-  </div>
  <div class="pure-g">
    <div class="pure-u-1 pure-u-md-1-5"></div>
    <div class="pure-u-1 pure-u-md-3-5">
+      <div class="pure-g" style="padding:1em;">
+        <div class="pure-u-1 pure-u-md-1-5">
+          <a href="/" class="pure-menu-heading">Invidious</a>
+        </div>
+        <div class="pure-u-1 pure-u-md-4-5">
+          <form class="pure-form" action="/search" method="get">
+            <input type="search" style="width:100%;" name="q" placeholder="search" value="<%= env.params.query["q"]? %>">
+          </form>
+        </div>
+      </div>
      <%= content %>
    </div>
    <div class="pure-u-1 pure-u-md-1-5"></div>