From 31d980ddff30c333f41a8c4bc9619a52f92bd1dc Mon Sep 17 00:00:00 2001 From: ManUtopiK <emmanuel.salomon@gmail.com> Date: Wed, 15 Sep 2021 13:56:01 +0200 Subject: [PATCH] ui: unify title --- components/app/AppBreadcrumb.vue | 2 +- components/page/PageHeader.vue | 8 ++++++-- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/components/app/AppBreadcrumb.vue b/components/app/AppBreadcrumb.vue index 027909fa..730db45d 100644 --- a/components/app/AppBreadcrumb.vue +++ b/components/app/AppBreadcrumb.vue @@ -21,7 +21,7 @@ :class=" index !== items.length - 1 ? 'text-gray-400' - : 'text-gray-600 font-extralight select-all' + : 'text-gray-500 font-light select-all' " > {{ item.title }} diff --git a/components/page/PageHeader.vue b/components/page/PageHeader.vue index 908eebfe..3ed2fc09 100644 --- a/components/page/PageHeader.vue +++ b/components/page/PageHeader.vue @@ -1,6 +1,10 @@ <template> - <div class="flex items-center justify-between py-8"> - <h1 class="text-4xl font-extrabold">{{ document.title }}</h1> + <div class="flex items-center justify-between"> + <h1 + class="text-3xl md:text-4xl 2xl:text-5xl bg-clip-text text-transparent bg-gradient-to-r from-purple-800 to-blue-600 font-extrabold leading-tight py-8" + > + {{ document.title }} + </h1> <slot /> </div> </template> -- GitLab