diff options
author | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-05-23 16:46:24 +0300 |
---|---|---|
committer | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-05-23 16:46:24 +0300 |
commit | 5c7a1dd3d6a22e02b983a01be39b654b8eaa6ad1 (patch) | |
tree | 3f11b86aa27b02fa6b33142f53e5b2c25b33f85f /src/components/Global/PageTitle.vue | |
parent | 8086773d610f64ab71a11bd13cc896111b710fc8 (diff) | |
download | webui-vue-5c7a1dd3d6a22e02b983a01be39b654b8eaa6ad1.tar.xz |
Add pages: BMC, Ipv4/6, console settings. Fix routes: add console mixin, disable fullscreen console, add global styles.
Diffstat (limited to 'src/components/Global/PageTitle.vue')
-rw-r--r-- | src/components/Global/PageTitle.vue | 38 |
1 files changed, 27 insertions, 11 deletions
diff --git a/src/components/Global/PageTitle.vue b/src/components/Global/PageTitle.vue index 45c75edb..12dde551 100644 --- a/src/components/Global/PageTitle.vue +++ b/src/components/Global/PageTitle.vue @@ -1,22 +1,17 @@ <template> <div class="page-title"> - <h1>{{ title }}</h1> - <p v-if="description">{{ description }}</p> + <h1 class="bold-24px text-title">{{ title }}</h1> + <p v-if="description" class="page-description">{{ description }}</p> </div> </template> <script> export default { name: 'PageTitle', - props: { - description: { - type: String, - default: '', - }, - }, data() { return { title: this.$route.meta.title, + description: this.$route.meta.description, }; }, }; @@ -24,9 +19,30 @@ export default { <style lang="scss" scoped> .page-title { - margin-bottom: $spacer * 2; + width: 100%; + height: 72px; + border-bottom: 1px solid $faint-secondary-primary-10; + background-color: $white; + z-index: 1001; + + display: flex; + flex-flow: column nowrap; + align-items: flex-start; + justify-content: center; +} + +.text-title { + margin-left: 2rem; } -p { - max-width: 72ch; + +.page-description { + color: $text-secondary; + font-family: Inter; + font-size: 12px; + font-weight: 400; + line-height: 16px; + + margin: 4px 0 0 2rem; + padding: 0; } </style> |