lukaszraczylo/git-velocity
1
0
Fork 0
mirror of https://github.com/lukaszraczylo/git-velocity.git synced 2026-06-19 03:51:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix styling

Browse Source
This commit is contained in:
Lukasz Raczylo
2025-12-12 22:41:21 +00:00
parent a5b522c996
commit a5d69ccb86
29 changed files with 610 additions and 542 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/RepoCard.vue
+27 -24
View File
@@ -1,5 +1,6 @@
<script setup>
import { RouterLink } from 'vue-router'
import Card from './Card.vue'
import { formatNumber } from '../composables/formatters'
defineProps({
@@ -13,35 +14,37 @@ defineProps({
<template>
<RouterLink
:to="`/repos/${repo.owner}/${repo.name}`"
class="card hover:shadow-lg transition group"
class="block group"
>
<div class="flex items-center justify-between mb-4">
<h3 class="font-semibold text-gray-800 dark:text-white group-hover:text-primary-500 transition">
{{ repo.name }}
</h3>
<i class="fas fa-arrow-right text-gray-400 group-hover:text-primary-500 transition"></i>
</div>
<p class="text-sm text-gray-500 dark:text-gray-400 mb-4">{{ repo.owner }}/{{ repo.name }}</p>
<Card hover>
<div class="flex items-center justify-between mb-4">
<h3 class="font-semibold text-gray-900 dark:text-white group-hover:text-primary-500 transition">
{{ repo.name }}
</h3>
<i class="fas fa-arrow-right text-gray-600 dark:text-gray-400 group-hover:text-primary-500 transition"></i>
</div>
<p class="text-sm text-gray-600 dark:text-gray-400 mb-4">{{ repo.owner }}/{{ repo.name }}</p>
<div class="grid grid-cols-3 gap-4 text-center">
<div>
<div class="text-lg font-semibold text-gray-800 dark:text-white">
{{ formatNumber(repo.total_commits) }}
<div class="grid grid-cols-3 gap-4 text-center">
<div>
<div class="text-lg font-semibold text-gray-900 dark:text-white">
{{ formatNumber(repo.total_commits) }}
</div>
<div class="text-xs text-gray-600 dark:text-gray-400">Commits</div>
</div>
<div class="text-xs text-gray-500 dark:text-gray-400">Commits</div>
</div>
<div>
<div class="text-lg font-semibold text-gray-800 dark:text-white">
{{ formatNumber(repo.total_prs) }}
<div>
<div class="text-lg font-semibold text-gray-900 dark:text-white">
{{ formatNumber(repo.total_prs) }}
</div>
<div class="text-xs text-gray-600 dark:text-gray-400">PRs</div>
</div>
<div class="text-xs text-gray-500 dark:text-gray-400">PRs</div>
</div>
<div>
<div class="text-lg font-semibold text-gray-800 dark:text-white">
{{ repo.active_contributors }}
<div>
<div class="text-lg font-semibold text-gray-900 dark:text-white">
{{ repo.active_contributors }}
</div>
<div class="text-xs text-gray-600 dark:text-gray-400">Contributors</div>
</div>
<div class="text-xs text-gray-500 dark:text-gray-400">Contributors</div>
</div>
</div>
</Card>
</RouterLink>
</template>