From ace55532c3f224ca510b3a855c18019fd6af7b20 Mon Sep 17 00:00:00 2001
From: ninedev <master-vva@narod.ru>
Date: Wed, 24 Jul 2024 18:39:09 +0300
Subject: [PATCH] fix styles

---
 pages/pages/articles.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/pages/pages/articles.vue b/pages/pages/articles.vue
index 307f90d9..95d8c008 100644
--- a/pages/pages/articles.vue
+++ b/pages/pages/articles.vue
@@ -53,7 +53,7 @@ const flattenCategories = (categories) => {
 
 <template>
   <div class="articles">
-    <div v-if="filter === 'По категориям'">
+    <div v-if="filter === 'По категориям'" class="articles-content">
       <template v-for="(category, i) in flattenCategories(categories)" :key="category.name">
         <h3
           v-if="category.type === ArticleType.SubCategory"
@@ -78,7 +78,7 @@ const flattenCategories = (categories) => {
       </template>
     </div>
 
-    <div v-else>
+    <div v-else class="articles-content">
       <ContentList :query="{ path: '/_articles', sort: [{ date: filterDate === 'filter_asc' ? -1 : 1 }] }">
         <template #default="{ list }">
           <div class="articles-list">
@@ -126,6 +126,10 @@ const flattenCategories = (categories) => {
   }
 }
 
+.articles-content {
+  flex-grow: 1;
+}
+
 .articles-title {
   line-height: normal;
   scroll-margin-top: var(--app-bar-height);
@@ -135,6 +139,14 @@ const flattenCategories = (categories) => {
   margin-top: 0;
 }
 
+h2.articles-title {
+  font-size: 27px;
+}
+
+h3.articles-title {
+  font-size: 21px;
+}
+
 .articles-title a {
   color: var(--text-color);
 }