diff options
| -rw-r--r-- | src/components/HeaderBlue.vue | 5 | ||||
| -rw-r--r-- | src/sass/_header.sass | 11 | ||||
| -rw-r--r-- | src/views/Commit.vue | 2 |
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" |