fix: change title and subtitle styles to look different on mobile res…

…olution (#3495)
epicmaxco · Jun 14, 2023 · 2bd94ba · 2bd94ba
1 parent 467ecbe
commit 2bd94ba
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/docs/modules/page-config/blocks/subtitle/index.vue b/packages/docs/modules/page-config/blocks/subtitle/index.vue
@@ -29,5 +29,11 @@ const { t } = useI18n()
 
   font-size: 2rem;
   line-height: 2.5rem;
+
+  @media screen and (max-width: 767px) {
+    font-size: 1.5rem !important;
+    line-height: 2rem;
+    margin-top: 2rem;
+  }
 }
 </style>
diff --git a/packages/docs/modules/page-config/blocks/title/index.vue b/packages/docs/modules/page-config/blocks/title/index.vue
@@ -28,7 +28,7 @@ const { t } = useI18n()
   --code-bg: transparent;
 
   @media screen and (max-width: 767px) {
-    font-size: 2rem !important;
+    font-size: 2.5rem !important;
   }
 }
 </style>