From 7e9433762f51be2c4938481c9c33589982118033 Mon Sep 17 00:00:00 2001
From: HampusM <hampus@hampusmat.com>
Date: Fri, 11 Jun 2021 13:31:07 +0200
Subject: Goodbye, Bootstrap & added a button component

---
 packages/client/src/components/RepositoryHeader.vue | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

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

diff --git a/packages/client/src/components/RepositoryHeader.vue b/packages/client/src/components/RepositoryHeader.vue
index 50a1db9..8059809 100644
--- a/packages/client/src/components/RepositoryHeader.vue
+++ b/packages/client/src/components/RepositoryHeader.vue
@@ -1,7 +1,7 @@
 <template>
-	<div id="header" class="mx-0 d-flex mt-3 ms-2">
+	<div id="header">
 		<BaseBackButton to="/" />
-		<div class="d-inline ms-3">
+		<div id="header-content">
 			<span id="title" class="fs-1">{{ name }}</span>
 			<p id="about" class="fs-4">
 				{{ description }}
@@ -33,12 +33,23 @@ export default {
 
 <style lang="scss" scoped>
 @use "../scss/colors";
+@use "../scss/mixins";
+@use "../scss/fonts";
 
-@import "../scss/bootstrap";
-@import "../scss/fonts";
+#header {
+	@include mixins.header;
+	flex-direction: row;
+	div {
+		display: inline;
+	}
+}
+
+#header-content {
+	margin-left: 1rem;
+}
 
 #title {
-	font-family: $font-title;
+	font-family: fonts.$title;
 	font-weight: 300;
 	line-height: 0.6;
 }
-- 
cgit v1.2.3-18-g5258

