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/DataTable.vue
+7 -5
View File
@@ -1,4 +1,6 @@
<script setup>
import Card from './Card.vue'
defineProps({
columns: {
type: Array,
@@ -39,7 +41,7 @@ const getAlignClass = (align) => {
</script>
<template>
<div class="card overflow-hidden p-0">
<Card :padding="false" class="overflow-hidden">
<table class="w-full">
<thead class="bg-gray-50 dark:bg-gray-800/50">
<tr>
@@ -47,7 +49,7 @@ const getAlignClass = (align) => {
v-for="col in columns"
:key="col.key"
:class="[
'px-3 sm:px-6 py-3 sm:py-4 text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider',
'px-3 sm:px-6 py-3 sm:py-4 text-xs font-semibold text-gray-700 dark:text-gray-400 uppercase tracking-wider',
getAlignClass(col.align),
col.headerClass
]"
@@ -78,8 +80,8 @@ const getAlignClass = (align) => {
<!-- Empty State -->
<div v-if="!items.length" class="text-center py-12">
<i :class="emptyIcon" class="text-4xl text-gray-300 dark:text-gray-600 mb-4"></i>
<p class="text-gray-500 dark:text-gray-400">{{ emptyMessage }}</p>
<i :class="emptyIcon" class="text-4xl text-gray-400 dark:text-gray-600 mb-4"></i>
<p class="text-gray-600 dark:text-gray-400">{{ emptyMessage }}</p>
</div>
</div>
</Card>
</template>