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/components/RepositoryHeader.vue | |
| parent | 55ab996795efdb125437d5728b50d03ac5d2612d (diff) | |
Goodbye, Bootstrap & added a button component
Diffstat (limited to 'packages/client/src/components/RepositoryHeader.vue')
| -rw-r--r-- | packages/client/src/components/RepositoryHeader.vue | 21 |
1 files changed, 16 insertions, 5 deletions
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; } |