feat: mettre à jour les couleurs par défaut et réorganiser la configuration des composants

This commit is contained in:
2025-12-23 23:34:20 +01:00
parent 9bc529d9ae
commit c46feb3052
6 changed files with 145 additions and 183 deletions

View File

@@ -6,12 +6,12 @@ defineProps({
},
color: {
type: String,
default: 'gray'
default: 'neutral'
}
})
const colorVariants = {
gray: 'text-gray-500/80 decoration-gray-400/40',
neutral: 'text-neutral-500/80 decoration-neutral-400/40',
red: 'text-red-500/80 decoration-red-400/40',
yellow: 'text-yellow-500/80 decoration-yellow-400/40',
green: 'text-green-500/80 decoration-green-400/40',

View File

@@ -24,7 +24,7 @@ const topOS = computed(() => stats.value?.os.slice(0, 2) || [])
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<UCard>
<div class="flex items-center gap-4">
<div class="p-3 bg-primary-50 dark:bg-primary-900/20 rounded-lg text-primary-500">
<div class="p-3 bg-primary-50 dark:bg-primary-900/20 rounded-lg text-primary-500 flex items-center justify-center">
<UIcon
name="i-ph-clock-duotone"
class="w-8 h-8"
@@ -43,7 +43,7 @@ const topOS = computed(() => stats.value?.os.slice(0, 2) || [])
<UCard>
<div class="flex items-center gap-4">
<div class="p-3 bg-emerald-50 dark:bg-emerald-900/20 rounded-lg text-emerald-500">
<div class="p-3 bg-emerald-50 dark:bg-emerald-900/20 rounded-lg text-emerald-500 flex items-center justify-center">
<UIcon
name="i-ph-calendar-check-duotone"
class="w-8 h-8"
@@ -60,7 +60,7 @@ const topOS = computed(() => stats.value?.os.slice(0, 2) || [])
<UBadge
color="neutral"
variant="soft"
size="xs"
size="sm"
>
{{ yearsCollected }}
</UBadge>