From 44a05f1ffe07a735c8dd866c2ab0425f7d14dadb Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Sun, 16 Oct 2022 23:23:47 +0800
Subject: [PATCH] fix(theme): fix navbar and page title

---
 packages/theme/src/client/components/NavbarBrand.vue | 8 ++++++++
 packages/theme/src/client/components/Page.vue        | 4 ++++
 2 files changed, 12 insertions(+)

diff --git a/packages/theme/src/client/components/NavbarBrand.vue b/packages/theme/src/client/components/NavbarBrand.vue
index 74879a29..cb3901c7 100644
--- a/packages/theme/src/client/components/NavbarBrand.vue
+++ b/packages/theme/src/client/components/NavbarBrand.vue
@@ -63,6 +63,7 @@ const NavbarBrandLogo: FunctionalComponent = () => {
   </RouterLink>
 </template>
 <style lang="scss">
+@import '../styles/variables';
 .navbar-brand {
   display: flex;
   height: 100%;
@@ -73,4 +74,11 @@ const NavbarBrandLogo: FunctionalComponent = () => {
     border-bottom: solid 1px var(--c-border);
   }
 }
+
+@media (max-width: $MQMobile) {
+  .navbar-brand.has-sidebar {
+    width: auto;
+    border-bottom: none;
+  }
+}
 </style>
diff --git a/packages/theme/src/client/components/Page.vue b/packages/theme/src/client/components/Page.vue
index fe11979c..b7ed818d 100644
--- a/packages/theme/src/client/components/Page.vue
+++ b/packages/theme/src/client/components/Page.vue
@@ -98,6 +98,10 @@ const enabledSidebar = computed(() => {
 @media (max-width: $MQMobile) {
   .page-wrapper .page-container .page-content {
     padding: 0 0.75rem 1rem;
+
+    h1 {
+      font-size: 1.5rem;
+    }
   }
   .plume-theme-page-toc {
     display: none;