summaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorSanto Cariotti <santo@dcariotti.me>2021-03-23 21:21:02 +0100
committerSanto Cariotti <santo@dcariotti.me>2021-03-23 21:30:19 +0100
commitfa76107eeca937667e10648e9bccb4decd343268 (patch)
tree8f069810603f70a252b0217672c13902df90e5ab /src
parent8a04db5cdb1fad22ddc0764cb60b2e5a9822a417 (diff)
feat: add search field
Diffstat (limited to 'src')
-rw-r--r--src/components/HeaderBlue.vue5
-rw-r--r--src/sass/_header.sass11
-rw-r--r--src/views/Commit.vue2
3 files changed, 17 insertions, 1 deletions
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"