fix styles

wirenboard · Jul 24, 2024 · ace5553 · ace5553
1 parent 3ce5660
commit ace5553
Showing 1 changed file with 14 additions and 2 deletions.
diff --git 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);
 }