diff options
| author | HampusM <hampus@hampusmat.com> | 2021-06-11 13:31:07 +0200 |
|---|---|---|
| committer | HampusM <hampus@hampusmat.com> | 2021-06-11 13:31:07 +0200 |
| commit | 7e9433762f51be2c4938481c9c33589982118033 (patch) | |
| tree | 9cfc36a1d59ac3c926bfcb2e222449da14cfec5d /packages/client/src/views/Home.vue | |
| parent | 55ab996795efdb125437d5728b50d03ac5d2612d (diff) | |
Goodbye, Bootstrap & added a button component
Diffstat (limited to 'packages/client/src/views/Home.vue')
| -rw-r--r-- | packages/client/src/views/Home.vue | 37 |
1 files changed, 14 insertions, 23 deletions
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> |