10/3/24

pages/news/[article].vue

@@ -40,6 +40,7 @@ onMounted(() => {
 </script>
 
 <template>
+    <PageTop text="News" image-path="/images/news-top.jpg" />
     <main>
         <img :src="(data?.coverImagePath as string) || '/sera-logo-text.svg'" />
         <div
@@ -52,6 +53,7 @@ onMounted(() => {
 
 <style scoped>
 main {
+    margin: unset;
     display: grid;
     width: 50%;
     height: fit-content;

pages/news/index.vue

@@ -4,8 +4,8 @@ const { data } = await useFetch("/api/getNewsList");
 
 <template>
     <PageTop
-        :text="'News'"
-        :image-path="'https://www.gifu-nct.ac.jp/gakuseikai/club/sera/img/subtop/sub_top_sample.jpg'"
+        text="News"
+        image-path="/images/news-top.jpg"
     />
     <main>
         <div class="news-list">