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

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

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

diff --git a/packages/client/src/components/BaseBackButton.vue b/packages/client/src/components/BaseBackButton.vue
new file mode 100644
index 0000000..e1191f9
--- /dev/null
+++ b/packages/client/src/components/BaseBackButton.vue
@@ -0,0 +1,33 @@
+<template>
+	<div class="d-inline">
+		<router-link :to="to">
+			<svg
+				xmlns="http://www.w3.org/2000/svg" id="back"
+				height="24px" width="24px"
+				viewBox="0 0 24 24" fill="#ffffff">
+				<path d="M0 0h24v24H0z" fill="none" />
+				<path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" />
+			</svg>
+		</router-link>
+	</div>
+</template>
+
+<script>
+export default {
+	name: "BaseBackButton",
+	props: {
+		to: {
+			type: String,
+			required: true
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+@use "../scss/colors";
+
+#back:hover {
+	fill: colors.$primary-light;
+}
+</style>
-- 
cgit v1.2.3-18-g5258

