From fa76107eeca937667e10648e9bccb4decd343268 Mon Sep 17 00:00:00 2001
From: Santo Cariotti <santo@dcariotti.me>
Date: Tue, 23 Mar 2021 21:21:02 +0100
Subject: feat: add search field

---
 src/components/HeaderBlue.vue |  5 +++++
 src/sass/_header.sass         | 11 +++++++++++
 src/views/Commit.vue          |  2 +-
 3 files changed, 17 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/components/HeaderBlue.vue b/src/components/HeaderBlue.vue
index fd6d731..9c8c2e0 100644
--- a/src/components/HeaderBlue.vue
+++ b/src/components/HeaderBlue.vue
@@ -3,6 +3,11 @@
     b-container
       h1
         a(href="/" rel="home") Gico
+      b-form(action="/search")
+        b-form-group
+          b-input(placeholder="Search a commit" name="q")
+        b-form-group
+          b-button(variant="primary" type="submit") Go
 </template>
 
 <script>
diff --git a/src/sass/_header.sass b/src/sass/_header.sass
index e64a031..36114af 100644
--- a/src/sass/_header.sass
+++ b/src/sass/_header.sass
@@ -6,6 +6,12 @@ header
   padding: 10px 0
   box-shadow: rgba(0, 0, 0, 0.2) 0 2px 0px
   margin-bottom: 30px
+  .container
+    display: grid
+    grid-template-columns: 70% 30%
+    @include breakpoint(phablet)
+      grid-template-columns: 100%
+      justify-items: center
   h1
     font-size: 3em
     margin: 0
@@ -13,3 +19,8 @@ header
       color: $color-w !important
     @include breakpoint(phablet)
       text-align: center
+
+  form
+    display: flex
+    @include breakpoint(phablet)
+      margin-top: 50px
diff --git a/src/views/Commit.vue b/src/views/Commit.vue
index 234fc88..5fbeb13 100644
--- a/src/views/Commit.vue
+++ b/src/views/Commit.vue
@@ -4,7 +4,7 @@
     b-container(v-if="loading")
       b-overlay(:show="true" spinner-large)
     b-container(v-else)
-      .commi(v-if="error404")
+      .commit(v-if="error404")
         h2 Commit not found
       commit-card(
         :data="commit"
-- 
cgit v1.2.3-18-g5258