diff options
Diffstat (limited to 'packages/client/src/views')
| -rw-r--r-- | packages/client/src/views/Home.vue | 37 | ||||
| -rw-r--r-- | packages/client/src/views/Repository.vue | 9 | ||||
| -rw-r--r-- | packages/client/src/views/RepositoryAbout.vue | 6 | ||||
| -rw-r--r-- | packages/client/src/views/RepositoryCommit.vue | 90 | ||||
| -rw-r--r-- | packages/client/src/views/RepositoryLog.vue | 56 | ||||
| -rw-r--r-- | packages/client/src/views/RepositoryTree.vue | 8 |
6 files changed, 102 insertions, 104 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> diff --git a/packages/client/src/views/Repository.vue b/packages/client/src/views/Repository.vue index bbadb16..24000d4 100644 --- a/packages/client/src/views/Repository.vue +++ b/packages/client/src/views/Repository.vue @@ -1,5 +1,5 @@ <template> - <div class="container-fluid px-0 d-flex"> + <div class="container"> <RepositoryHeader :name="name" :description="description" /> <RepositoryNavbar :repository="$router.currentRoute._rawValue.params.repo" :active-page="$router.currentRoute._rawValue.path.split('/')[2]" @@ -39,10 +39,3 @@ export default { } }; </script> - -<style lang="scss" scoped> -.container-fluid { - flex-flow: column; - height: 100vh; -} -</style> diff --git a/packages/client/src/views/RepositoryAbout.vue b/packages/client/src/views/RepositoryAbout.vue index 4b4d700..18855fe 100644 --- a/packages/client/src/views/RepositoryAbout.vue +++ b/packages/client/src/views/RepositoryAbout.vue @@ -1,6 +1,6 @@ <template> - <div class="row mx-0"> - <div class="col ms-4 ps-4 ps-sm-5 mt-3 fs-5 vld-parent"> + <div class="row"> + <div class="col fs-5 vld-parent"> <RepositoryTreeBlob :repository="$router.currentRoute._rawValue.params.repo" path="README.md" :content="readme" v-if="readme" /> @@ -53,6 +53,6 @@ export default { }; </script> -<style lang="scss"> +<style lang="scss" scoped> @import "~vue-loading-overlay/dist/vue-loading.css"; </style> diff --git a/packages/client/src/views/RepositoryCommit.vue b/packages/client/src/views/RepositoryCommit.vue index 97c06b0..447549b 100644 --- a/packages/client/src/views/RepositoryCommit.vue +++ b/packages/client/src/views/RepositoryCommit.vue @@ -1,10 +1,10 @@ <template> - <div class="row mx-0"> - <div class="col ms-2 ps-4 ps-sm-5 fs-5 vld-parent"> + <div class="row"> + <div class="col fs-5 vld-parent"> <BaseBreadcrumb :items="[{ name: 'Log', path: '/' + $router.currentRoute._rawValue.params.repo + '/log' }]" :active-item="$router.currentRoute._rawValue.params.commit" /> <template v-if="commit"> <table - id="commit-info" class="table table-dark"> + id="commit-info"> <tbody> <tr> <td class="commit-info-title"> @@ -30,7 +30,7 @@ v-for="(patch, index) in commit['patches']" :key="index" class="commit-patch"> <div class="commit-patch-header"> - <span class="fw-bold">{{ (patch.to === "/dev/null") ? patch.from : patch.to }} </span> + <span>{{ (patch.to === "/dev/null") ? patch.from : patch.to }} </span> <span v-if="patch.to === '/dev/null'">Deleted</span> <div class="commit-patch-add-del"> <span>+{{ patch.additions }}</span> @@ -90,23 +90,8 @@ export default { <style lang="scss"> @use "../scss/colors"; -@import "../scss/bootstrap"; - -@import "~bootstrap/scss/tables"; - -@import "~vue-loading-overlay/dist/vue-loading.css"; @import "~highlight.js/scss/srcery.scss"; -#commit-info { - margin-bottom: 2rem; - tbody tr { - td { - padding: 0px; - padding-right: 10px; - } - } -} - .commit-patch { margin-bottom: 50px; table { @@ -136,25 +121,6 @@ export default { } } } - -.commit-patch-header { - display: flex; - background-color: lighten(#000000, 14%); - padding: 10px; - span { - margin-right: 30px; - &:nth-child(2) { - color: colors.$danger; - } - } -} - -.commit-info-title { - color: colors.$secondary; - padding-right: 30px; - width: 20px; -} - .patch-too-large { font-weight: 600; } @@ -194,11 +160,7 @@ code { word-wrap: anywhere; } -.row { - height: 100%; -} - -@include media-breakpoint-down(sm) { +@media (max-width: 576px) { .commit-patch table tbody tr td { padding-left: 4px; &:nth-child(2) { @@ -210,3 +172,45 @@ code { } } </style> + +<style lang="scss" scoped> +@use "../scss/colors"; + +@import "~vue-loading-overlay/dist/vue-loading.css"; + +#commit-info { + margin-bottom: 2rem; + tbody tr { + td { + padding: 0px; + padding-right: 10px; + } + } +} + +.commit-patch-header { + display: flex; + background-color: lighten(#000000, 14%); + padding: 10px; + span { + margin-right: 30px; + &:nth-child(1) { + font-weight: 700; + } + &:nth-child(2) { + color: colors.$danger; + } + } +} + +.commit-info-title { + color: colors.$secondary; + padding-right: 30px; + width: 20px; +} + +.row { + height: 100%; +} + +</style> diff --git a/packages/client/src/views/RepositoryLog.vue b/packages/client/src/views/RepositoryLog.vue index 3b6248c..91d1cfc 100644 --- a/packages/client/src/views/RepositoryLog.vue +++ b/packages/client/src/views/RepositoryLog.vue @@ -1,24 +1,24 @@ <template> - <div class="row mx-0 vld-parent flex-fill"> - <div class="col ms-4 ps-4 ps-sm-5 mt-3"> + <div class="row vld-parent"> + <div id="log" class="col"> <table - id="log" class="table table-dark fs-5" + class="fs-5" v-if="commits"> <thead> <tr> - <th class="text-secondary"> + <th> Subject </th> - <th class="text-secondary"> + <th> Author </th> - <th class="text-secondary"> + <th> Date </th> - <th class="text-secondary"> + <th> Files </th> - <th class="text-secondary"> + <th> Del/Add </th> </tr> @@ -88,30 +88,44 @@ export default { @use "../scss/colors"; @import "~vue-loading-overlay/dist/vue-loading.css"; -@import "../scss/bootstrap"; @import "../scss/fonts"; -@import "~bootstrap/scss/tables"; - -#log { +table { border-spacing: 0; - tbody tr { - &:hover { - --bs-table-bg: 0; - background-color: lighten(colors.$background, 5%); - } - td { - padding-bottom: 1em; + width: 100%; + margin-bottom: 1rem; + tbody { + vertical-align: inherit; + tr { + &:hover { + --bs-table-bg: 0; + background-color: lighten(colors.$background, 5%); + } + td { + padding-bottom: 1em; + } } } + thead { + vertical-align: bottom; + } th { text-align: start; padding-bottom: 1em; + color: colors.$secondary; + } + > :not(caption) > * > * { + padding: 0.2rem 1rem; + border-bottom-width: 1px; } } -@include media-breakpoint-down(sm) { - .table > :not(caption) > * > * { +#log { + padding-left: 0; +} + +@media (max-width: 576px) { + table > :not(caption) > * > * { padding: 0.1rem; } } diff --git a/packages/client/src/views/RepositoryTree.vue b/packages/client/src/views/RepositoryTree.vue index 898b12c..b14c4e4 100644 --- a/packages/client/src/views/RepositoryTree.vue +++ b/packages/client/src/views/RepositoryTree.vue @@ -1,6 +1,6 @@ <template> - <div class="row mx-0"> - <div class="col ms-4 ps-4 ps-sm-5 mt-3 fs-5 vld-parent"> + <div class="row"> + <div class="col fs-5 vld-parent"> <BaseBreadcrumb :items="(pathArr.length === 0) ? [] : [{ name: $router.currentRoute._rawValue.params.repo, path: '/' + $router.currentRoute._rawValue.params.repo + '/tree' }].concat(pathArr.slice(0, -1).map((path_part, index) => { @@ -102,8 +102,4 @@ export default { <style lang="scss" scoped> @import "~vue-loading-overlay/dist/vue-loading.css"; - -.row { - height: 100%; -} </style> |