Don't make header scroll

nginx/vue/src/components/util/CommitHistory.vue

@@ -3,8 +3,7 @@ import axios from "axios";
 import { ref, onMounted } from "vue";
 import Header from "@/components/text/Header.vue";
 
-const url =
-    "/gitea/api/v1/users/adamf/activities/feeds?limit=1";
+const url = "/gitea/api/v1/users/adamf/activities/feeds?limit=1";
 
 const feed = ref(null);
 const isLoading = ref(true);
@@ -39,7 +38,10 @@ onMounted(() => {
             <p>Could not fetch feed. Please try again later.</p>
         </div>
 
-        <div v-else-if="feed" class="flex-col justify-center flex">
+        <div
+            v-else-if="feed"
+            class="flex-col justify-center flex overflow-y-scroll"
+        >
             <h3>Last git activity</h3>
             <img
                 :src="feed.act_user.avatar_url"

nginx/vue/src/views/home/Feed.vue

@@ -38,10 +38,10 @@ function deletePost() {
 </script>
 
 <template>
+    <Header>{{ post.title }}</Header>
     <div
         class="flex flex-col p-1 overflow-scroll text-left items-start justify-start"
     >
-        <Header>{{ post.title }}</Header>
         <small
             >Created at: {{ new Date(post.createdAt).toLocaleString() }}</small
         >

nginx/vue/src/views/home/Home.vue

@@ -62,7 +62,7 @@ import Consumption from "./Consumption.vue";
                     <Time />
                     <Timer />
                     <Radio />
-                    <CommitHistory class="h-120 overflow-y-scroll" />
+                    <CommitHistory class="h-120" />
 
                     <!-- <Elle class="flex-1" /> -->
                     <!-- <MusicPlayer /> -->