diff options
| author | HampusM <hampus@hampusmat.com> | 2021-06-05 19:37:52 +0200 |
|---|---|---|
| committer | HampusM <hampus@hampusmat.com> | 2021-06-05 19:37:52 +0200 |
| commit | 4da3272bf7893760f6710c9a1ec7de02358136e6 (patch) | |
| tree | 92eb961bf20a7ef9f7c0650ba288baf512986fca /packages/client/src/components/HomeProjectsHeader.vue | |
| parent | 4e3074dfd752dd52951d300090c642aee76cfaac (diff) | |
Reorganized into a monorepo, refactored the frontend again, goodbye Parcel
Diffstat (limited to 'packages/client/src/components/HomeProjectsHeader.vue')
| -rw-r--r-- | packages/client/src/components/HomeProjectsHeader.vue | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/packages/client/src/components/HomeProjectsHeader.vue b/packages/client/src/components/HomeProjectsHeader.vue new file mode 100644 index 0000000..6bc9a34 --- /dev/null +++ b/packages/client/src/components/HomeProjectsHeader.vue @@ -0,0 +1,45 @@ +<template> + <div class="row mx-0"> + <div id="projects-header" class="col ms-4"> + <span class="fs-1"> + Projects + </span> + </div> + <div id="projects-search" class="col d-flex justify-content-end"> + <form> + <input type="search" name="q"> + <input + type="submit" value="Search" + class="btn btn-primary"> + </form> + </div> + </div> +</template> + +<script> +export default { + name: "HomeProjectsHeader" +}; +</script> + +<style lang="scss" scoped> +@use "../scss/colors"; +@import "../scss/bootstrap"; + +@import "~bootstrap/scss/buttons"; + +#projects-search { + align-items: center; + form { + display: flex; + align-items: center; + height: 35px; + input[type=search] { + margin-right: 15px; + } + } + input[type=submit] { + margin-right: 15px; + } +} +</style> |