mirror of
https://github.com/ArthurDanjou/artsite.git
synced 2026-01-14 15:54:13 +01:00
feat: mettre à jour les couleurs par défaut et réorganiser la configuration des composants
This commit is contained in:
@@ -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',
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user