From 4da3272bf7893760f6710c9a1ec7de02358136e6 Mon Sep 17 00:00:00 2001
From: HampusM <hampus@hampusmat.com>
Date: Sat, 5 Jun 2021 19:37:52 +0200
Subject: Reorganized into a monorepo, refactored the frontend again, goodbye
 Parcel

---
 .../client/src/components/HomeProjectsHeader.vue   | 45 ++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 packages/client/src/components/HomeProjectsHeader.vue

(limited to 'packages/client/src/components/HomeProjectsHeader.vue')

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>
-- 
cgit v1.2.3-18-g5258

