adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Remove horizontal scroll from commit history (sry bad claude naughty)
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 1m6s
Details

Browse Source
This commit is contained in:
Adam French
2026-03-25 03:13:56 +00:00
parent 6a6b9536ba
commit 8c2e9ba9a5
1 changed files with 21 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
nginx/vue/src/components/util/CommitHistory.vue
View File

@@ -9,26 +9,29 @@ const { gitFeed: feed, loaded } = storeToRefs(homeData);
</script> </script>
<template> <template>
<div class="flex flex-col text-center min-h-0 h-full overflow-x-hidden"> <div class="flex flex-col text-center min-h-0 h-full overflow-x-hidden">
<Header class="text-left">Commits</Header> <Header class="text-left">Commits</Header>
<div v-if="!loaded" class="flex-1 overflow-y-auto"> <div v-if="!loaded" class="flex-1 overflow-y-auto">
<p>Loading latest activity...</p> <p>Loading latest activity...</p>
</div> </div>
<div v-else-if="feed" class="flex-1 flex flex-col overflow-y-auto"> <div
<h3>Last git activity</h3> v-else-if="feed"
<img :src="feed.avatarUrl" alt="User avatar" class="avatar" /> class="flex-1 flex flex-col overflow-y-auto overflow-x-hidden"
<Link :href="feed.repoUrl"> >
<h3>repo: {{ feed.repoName }}</h3> <h3>Last git activity</h3>
</Link> <img :src="feed.avatarUrl" alt="User avatar" class="avatar" />
<p>Action: {{ feed.opType }}</p> <Link :href="feed.repoUrl">
<p>Message: {{ feed.commitMessage }}</p> <h3>repo: {{ feed.repoName }}</h3>
<small> {{ new Date(feed.createdAt).toLocaleString() }}</small> </Link>
</div> <p>Action: {{ feed.opType }}</p>
<p>Message: {{ feed.commitMessage }}</p>
<small> {{ new Date(feed.createdAt).toLocaleString() }}</small>
</div>
<div v-else class="flex-1 overflow-y-auto"> <div v-else class="flex-1 overflow-y-auto">
<p>No activity found.</p> <p>No activity found.</p>
</div>
</div> </div>
</div>
</template> </template>