AI update: תקן את ה-dashboard mock-up בדף הבית. הבעיה: האייקונים מופיעים כטקסט גולמי (סימנים כמו grid_view, person_search, auto_awe

This commit is contained in:
2026-09-14 16:10:14 +00:00
parent 5b8ac8b976
commit f0516106ca
2 changed files with 525 additions and 78 deletions
+42 -3
View File
@@ -93,20 +93,59 @@
<div class="mockup-content">
<div class="mockup-stats">
<div class="mockup-stat">
<div class="stat-icon stat-icon-donors">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
<circle cx="9" cy="7" r="4" stroke="currentColor" stroke-width="2"/>
<path d="M3 21v-2a4 4 0 014-4h4a4 4 0 014 4v2" stroke="currentColor" stroke-width="2"/>
<path d="M16 3.13a4 4 0 010 7.75M21 21v-2a4 4 0 00-3-3.85" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
</div>
<span class="stat-value">1,247</span>
<span class="stat-label">תורמים פעילים</span>
<span class="stat-trend positive">+12%</span>
<span class="stat-trend positive">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none"><path d="M7 17l5-5 5 5M7 7l5 5 5-5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+12%
</span>
</div>
<div class="mockup-stat">
<div class="stat-icon stat-icon-donations">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
<path d="M12 2v20M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<span class="stat-value">₪847K</span>
<span class="stat-label">תרומות החודש</span>
<span class="stat-trend positive">+8%</span>
<span class="stat-trend positive">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none"><path d="M7 17l5-5 5 5M7 7l5 5 5-5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+8%
</span>
</div>
<div class="mockup-stat">
<div class="stat-icon stat-icon-volunteers">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
<path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" stroke="currentColor" stroke-width="2"/>
<circle cx="9" cy="7" r="4" stroke="currentColor" stroke-width="2"/>
<path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
</div>
<span class="stat-value">384</span>
<span class="stat-label">מתנדבים</span>
<span class="stat-trend neutral">—</span>
</div>
<div class="mockup-stat">
<div class="stat-icon stat-icon-projects">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
<path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 11v6M9 14h6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
</div>
<span class="stat-value">23</span>
<span class="stat-label">פרויקטים פעילים</span>
<span class="stat-trend positive">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none"><path d="M7 17l5-5 5 5M7 7l5 5 5-5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+3
</span>
</div>
</div>
<div class="mockup-chart">
<div class="chart-header">מגמת תרומות — 6 חודשים אחרונים</div>
@@ -389,4 +428,4 @@
<script src="script.js"></script>
</body>
</html>
</html>