fixed height

frontend/components/home/LatestStories.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-
 // state
 
 import useGetArticles from "~/composables/api/blog/useGetArticles";
@@ -10,22 +9,24 @@ const { data: articles, suspense } = useGetArticles(page);
 // ssr
 
 await suspense();
-
 </script>
 
 <template>
-    <section class="mt-20 container">
+    <section class="container">
         <div class="flex items-center justify-between mb-12 md:mb-20">
-            <span class="typo-h-6 max-sm:text-xl md:typo-h-5 lg:typo-h-4 text-black">
-                مقالات اخیر سایت
-            </span>
+            <span class="typo-h-6 max-sm:text-xl md:typo-h-5 lg:typo-h-4 text-black"> مقالات اخیر سایت </span>
             <NuxtLink to="/articles">
-                <Button variant="primary" class="rounded-full max-sm:typo-label-sm max-sm:py-2"
-                        end-icon="ci:arrow-left">
+                <Button
+                    variant="primary"
+                    class="rounded-full max-sm:typo-label-sm max-sm:py-2"
+                    end-icon="ci:arrow-left"
+                >
                     نمایش همه
                 </Button>
             </NuxtLink>
         </div>
-        <ArticlesList :articles="[...articles!.results,...articles!.results,...articles!.results,...articles!.results,...articles!.results,...articles!.results]" />
+        <ArticlesList
+            :articles="[...articles!.results,...articles!.results,...articles!.results,...articles!.results,...articles!.results,...articles!.results]"
+        />
     </section>
-</template>
+</template>