Files
intaleq/transit_dashboard/src/components/StatCard.vue
T
Hamza-AyedandClaude Opus 5 92dc6b3641 chore: استيراد أولي من سيرو (ecfe7568) — بلا أي تعديل
نسخة كاملة من مستودع سيرو عند ecfe7568 لتكون أساس تطبيق «انطلق».
نُسخ المتعقَّب في git فقط (12,509 ملفاً / 302 م.ب) بـ git archive، لا
`cp -r` — فاستُثنيت تلقائياً مخلفات البناء (build · node_modules ·
.dart_tool · .gradle · Pods ≈ 10.7 غ.ب) وكل ما يستثنيه .gitignore.

هذا الكوميت **بلا أي تعديل عمداً** حتى يكون كل ما يليه فرقاً مقروءاً
مقابل سيرو الأصلي. سيرو نفسه لم يُمسّ.

⚠️ لا يبني بعد: `.env` و`lib/env/env.g.dart` غير متعقَّبين في سيرو (وهذا
صحيح — أسرار لكل مستأجر). كل تطبيق فلاتر هنا يحتاج .env خاصاً بانطلق ثم
توليد env.g.dart عبر build_runner. لا تُنسخ أسرار سيرو.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-07-27 05:10:29 +03:00

24 lines
672 B
Vue

<script setup>
defineProps({
label: String,
value: [String, Number],
tone: { type: String, default: 'neutral' }, // neutral | good | warn | bad
})
</script>
<template>
<div class="stat card card-pad" :class="`tone-${tone}`">
<div class="value num">{{ value }}</div>
<div class="label">{{ label }}</div>
</div>
</template>
<style scoped>
.stat { display: flex; flex-direction: column; gap: 6px; }
.value { font-size: 26px; font-weight: 800; letter-spacing: -.01em; }
.label { font-size: 13px; color: var(--ink-faint); }
.tone-good .value { color: var(--good); }
.tone-warn .value { color: var(--warn); }
.tone-bad .value { color: var(--bad); }
</style>