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/views/Home.vue | 37 ++++++++++++++-----------------------
 1 file changed, 14 insertions(+), 23 deletions(-)

(limited to 'packages/client/src/views/Home.vue')

diff --git a/packages/client/src/views/Home.vue b/packages/client/src/views/Home.vue
index 397a3a1..104865a 100644
--- a/packages/client/src/views/Home.vue
+++ b/packages/client/src/views/Home.vue
@@ -1,10 +1,10 @@
 <template>
-	<div class="container-fluid px-0 d-flex">
+	<div class="container">
 		<HomeHeader />
 		<HomeProjectsHeader />
-		<div class="row mx-0">
-			<div class="col ms-4 vld-parent">
-				<ul id="repos" v-if="projects">
+		<div class="row">
+			<div id="projects" class="col vld-parent">
+				<ul v-if="projects">
 					<li v-for="(project, project_name, index) in projects" :key="index">
 						<div v-if="(search !== null && project_name.includes(search)) || search == null">
 							<span class="fs-3">
@@ -69,33 +69,24 @@ export default {
 
 <style lang="scss" scoped>
 @use "../scss/colors";
-@import "../scss/bootstrap";
 @import "~vue-loading-overlay/dist/vue-loading.css";
 
-#repos {
-	margin-top: 25px;
-	li {
-		margin-bottom: 25px;
-	}
-}
-
 .repo-last-updated {
 	display: block;
 	font-weight: 300;
 	font-style: italic;
 }
 
-ul {
-	list-style-type: none;
-	padding: 0;
-}
-
-.container-fluid {
-	flex-flow: column;
-	height: 100vh;
+#projects {
+	margin-left: 1.5rem;
+	ul {
+		list-style-type: none;
+		padding: 0;
+		margin-top: 25px;
+		li {
+			margin-bottom: 25px;
+		}
+	}
 }
 
-.row {
-	height: 100%;
-}
 </style>
-- 
cgit v1.2.3-18-g5258

