Deploy on 2026-06-05 17:47:27
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<div class="page-header">
|
||||
<h1><?= $org ? 'Edit' : 'Add' ?> Organization</h1>
|
||||
<h1><?= $org ? 'تعديل' : 'إضافة' ?> منظمة / جهة استثمارية</h1>
|
||||
</div>
|
||||
|
||||
<?php if ($flashError = $this->session->getFlash('error')): ?>
|
||||
@@ -15,29 +15,49 @@
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Name *</label>
|
||||
<label class="form-label">الاسم *</label>
|
||||
<input type="text" name="name" class="form-control" required value="<?= $org ? $this->escape($org['name']) : '' ?>">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Domain</label>
|
||||
<label class="form-label">النطاق (Domain)</label>
|
||||
<input type="text" name="domain" class="form-control" placeholder="example.com" value="<?= $org ? $this->escape($org['domain'] ?? '') : '' ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Type</label>
|
||||
<label class="form-label">النوع</label>
|
||||
<select name="type" class="form-control">
|
||||
<?php
|
||||
$typeTrans = [
|
||||
'vc' => 'رأس مال جريء',
|
||||
'angel' => 'مستثمر ملائكي',
|
||||
'accelerator' => 'مسرعة أعمال',
|
||||
'incubator' => 'حاضنة أعمال',
|
||||
'venture_studio' => 'استوديو مشاريع',
|
||||
'partner' => 'شريك',
|
||||
'other' => 'أخرى'
|
||||
];
|
||||
?>
|
||||
<?php foreach ($types as $t): ?>
|
||||
<option value="<?= $t ?>" <?= ($org && $org['type'] === $t) ? 'selected' : '' ?>><?= ucfirst($t) ?></option>
|
||||
<option value="<?= $t ?>" <?= ($org && $org['type'] === $t) ? 'selected' : '' ?>><?= $typeTrans[$t] ?? ucfirst($t) ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">CRM Status</label>
|
||||
<label class="form-label">الحالة في CRM</label>
|
||||
<select name="crm_status" class="form-control">
|
||||
<?php
|
||||
$crmTrans = [
|
||||
'New' => 'جديد',
|
||||
'Researching' => 'قيد البحث',
|
||||
'Contacted' => 'تم التواصل',
|
||||
'Invested' => 'تم الاستثمار',
|
||||
'Rejected' => 'مرفوض'
|
||||
];
|
||||
?>
|
||||
<?php foreach ($statuses as $s): ?>
|
||||
<option value="<?= $s ?>" <?= ($org && $org['crm_status'] === $s) ? 'selected' : '' ?>><?= $s ?></option>
|
||||
<option value="<?= $s ?>" <?= ($org && $org['crm_status'] === $s) ? 'selected' : '' ?>><?= $crmTrans[$s] ?? $s ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
@@ -45,33 +65,33 @@
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Country</label>
|
||||
<input type="text" name="country" class="form-control" placeholder="e.g. UAE" value="<?= $org ? $this->escape($org['country'] ?? '') : '' ?>">
|
||||
<label class="form-label">الدولة</label>
|
||||
<input type="text" name="country" class="form-control" placeholder="مثال: الإمارات" value="<?= $org ? $this->escape($org['country'] ?? '') : '' ?>">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">City</label>
|
||||
<input type="text" name="city" class="form-control" placeholder="e.g. Dubai" value="<?= $org ? $this->escape($org['city'] ?? '') : '' ?>">
|
||||
<label class="form-label">المدينة</label>
|
||||
<input type="text" name="city" class="form-control" placeholder="مثال: دبي" value="<?= $org ? $this->escape($org['city'] ?? '') : '' ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Website URL</label>
|
||||
<label class="form-label">رابط الموقع الإلكتروني</label>
|
||||
<input type="url" name="website_url" class="form-control" placeholder="https://example.com" value="<?= $org ? $this->escape($org['website_url'] ?? '') : '' ?>">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Funding Stage</label>
|
||||
<input type="text" name="funding_stage" class="form-control" placeholder="e.g. Seed, Series A" value="<?= $org ? $this->escape($org['funding_stage'] ?? '') : '' ?>">
|
||||
<label class="form-label">مرحلة التمويل</label>
|
||||
<input type="text" name="funding_stage" class="form-control" placeholder="مثال: Seed، Series A" value="<?= $org ? $this->escape($org['funding_stage'] ?? '') : '' ?>">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Description</label>
|
||||
<label class="form-label">الوصف</label>
|
||||
<textarea name="description" class="form-control" rows="4"><?= $org ? $this->escape($org['description'] ?? '') : '' ?></textarea>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 12px; margin-top: 20px;">
|
||||
<button type="submit" class="btn btn-primary"><?= $org ? 'Update' : 'Create' ?> Organization</button>
|
||||
<a href="/admin/organizations" class="btn btn-secondary">Cancel</a>
|
||||
<button type="submit" class="btn btn-primary"><?= $org ? 'تحديث' : 'إنشاء' ?> المنظمة</button>
|
||||
<a href="/admin/organizations" class="btn btn-secondary">إلغاء</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
<div class="page-header">
|
||||
<div>
|
||||
<h1>Organizations</h1>
|
||||
<p>Manage VCs, accelerators, incubators and investors</p>
|
||||
<h1>المنظمات والجهات الاستثمارية</h1>
|
||||
<p>إدارة صناديق الاستثمار، مسرعات الأعمال، الحاضنات والمستثمرين</p>
|
||||
</div>
|
||||
<a href="/admin/organizations/create" class="btn btn-primary">+ Add Organization</a>
|
||||
<a href="/admin/organizations/create" class="btn btn-primary">+ إضافة منظمة</a>
|
||||
</div>
|
||||
|
||||
<?php if ($flashSuccess = $this->session->getFlash('success')): ?>
|
||||
@@ -16,21 +16,33 @@
|
||||
<!-- Filters -->
|
||||
<div class="filters-bar">
|
||||
<form method="GET" class="filters-form">
|
||||
<input type="text" name="search" class="form-control" placeholder="Search organizations..." value="<?= $this->escape($search) ?>">
|
||||
<input type="text" name="search" class="form-control" placeholder="البحث عن المنظمات..." value="<?= $this->escape($search) ?>">
|
||||
<select name="type" class="form-control">
|
||||
<option value="">All Types</option>
|
||||
<?php foreach ($types as $t): ?>
|
||||
<option value="<?= $t ?>" <?= $type === $t ? 'selected' : '' ?>><?= ucfirst($t) ?></option>
|
||||
<option value="">جميع الأنواع</option>
|
||||
<?php foreach ($types as $t_key): ?>
|
||||
<?php
|
||||
$trans = [
|
||||
'vc' => 'رأس مال جريء',
|
||||
'angel' => 'مستثمر ملائكي',
|
||||
'accelerator' => 'مسرعة أعمال',
|
||||
'incubator' => 'حاضنة أعمال',
|
||||
'venture_studio' => 'استوديو مشاريع',
|
||||
'partner' => 'شريك',
|
||||
'other' => 'أخرى'
|
||||
];
|
||||
$transName = $trans[$t_key] ?? ucfirst($t_key);
|
||||
?>
|
||||
<option value="<?= $t_key ?>" <?= $type === $t_key ? 'selected' : '' ?>><?= $transName ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
<button type="submit" class="btn btn-secondary">Filter</button>
|
||||
<button type="submit" class="btn btn-secondary">تصفية</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Stats Summary -->
|
||||
<div class="metrics-grid" style="margin-bottom: 20px;">
|
||||
<div class="glass-panel metric-card">
|
||||
<span class="metric-title">Total Organizations</span>
|
||||
<span class="metric-title">إجمالي المنظمات والجهات</span>
|
||||
<span class="metric-value"><?= $total ?></span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -40,20 +52,41 @@
|
||||
<table class="data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Type</th>
|
||||
<th>Country</th>
|
||||
<th>CRM Status</th>
|
||||
<th>Opportunities</th>
|
||||
<th>Updated</th>
|
||||
<th>Actions</th>
|
||||
<th>الاسم</th>
|
||||
<th>النوع</th>
|
||||
<th>الدولة</th>
|
||||
<th>حالة CRM</th>
|
||||
<th>الفرص المرتبطة</th>
|
||||
<th>آخر تحديث</th>
|
||||
<th>إجراءات</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php if (empty($organizations)): ?>
|
||||
<tr><td colspan="7" style="text-align: center; padding: 40px; color: var(--text-muted);">No organizations found. Run the collector or add one manually.</td></tr>
|
||||
<tr><td colspan="7" style="text-align: center; padding: 40px; color: var(--text-muted);">لا توجد منظمات أو جهات استثمارية حالياً. يرجى تشغيل جامع البيانات أو إضافة جهة يدوياً.</td></tr>
|
||||
<?php else: ?>
|
||||
<?php foreach ($organizations as $org): ?>
|
||||
<?php
|
||||
$trans = [
|
||||
'vc' => 'رأس مال جريء',
|
||||
'angel' => 'مستثمر ملائكي',
|
||||
'accelerator' => 'مسرعة أعمال',
|
||||
'incubator' => 'حاضنة أعمال',
|
||||
'venture_studio' => 'استوديو مشاريع',
|
||||
'partner' => 'شريك',
|
||||
'other' => 'أخرى'
|
||||
];
|
||||
$transType = $trans[$org['type']] ?? $org['type'];
|
||||
|
||||
$crmTrans = [
|
||||
'New' => 'جديد',
|
||||
'Researching' => 'قيد البحث',
|
||||
'Contacted' => 'تم التواصل',
|
||||
'Invested' => 'تم الاستثمار',
|
||||
'Rejected' => 'مرفوض'
|
||||
];
|
||||
$transCrmStatus = $crmTrans[$org['crm_status']] ?? $org['crm_status'];
|
||||
?>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="/admin/organizations/<?= $org['id'] ?>" style="font-weight: 600;">
|
||||
@@ -63,15 +96,15 @@
|
||||
<br><small style="color: var(--text-muted);"><?= $this->escape($org['domain']) ?></small>
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
<td><span class="badge badge-<?= $org['type'] ?>"><?= $this->escape($org['type']) ?></span></td>
|
||||
<td><span class="badge badge-<?= $org['type'] ?>"><?= $this->escape($transType) ?></span></td>
|
||||
<td><?= $this->escape($org['country'] ?? '-') ?></td>
|
||||
<td><span class="badge badge-status-<?= strtolower(str_replace(' ', '-', $org['crm_status'])) ?>"><?= $this->escape($org['crm_status']) ?></span></td>
|
||||
<td><span class="badge badge-status-<?= strtolower(str_replace(' ', '-', $org['crm_status'])) ?>"><?= $this->escape($transCrmStatus) ?></span></td>
|
||||
<td><?= $org['opportunities_count'] ?? 0 ?></td>
|
||||
<td><?= date('M j', strtotime($org['updated_at'])) ?></td>
|
||||
<td><?= date('Y-m-d', strtotime($org['updated_at'])) ?></td>
|
||||
<td>
|
||||
<a href="/admin/organizations/<?= $org['id'] ?>" class="btn btn-sm btn-secondary">View</a>
|
||||
<a href="/admin/organizations/<?= $org['id'] ?>/edit" class="btn btn-sm btn-secondary">Edit</a>
|
||||
<a href="/admin/contacts/create?organization_id=<?= $org['id'] ?>" class="btn btn-sm btn-secondary">+ Contact</a>
|
||||
<a href="/admin/organizations/<?= $org['id'] ?>" class="btn btn-sm btn-secondary">عرض</a>
|
||||
<a href="/admin/organizations/<?= $org['id'] ?>/edit" class="btn btn-sm btn-secondary">تعديل</a>
|
||||
<a href="/admin/contacts/create?organization_id=<?= $org['id'] ?>" class="btn btn-sm btn-secondary">+ جهة اتصال</a>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
@@ -95,7 +128,7 @@
|
||||
.filters-form { display: flex; gap: 12px; flex-wrap: wrap; }
|
||||
.filters-form .form-control { min-width: 200px; }
|
||||
.data-table { width: 100%; border-collapse: collapse; }
|
||||
.data-table th, .data-table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid rgba(255,255,255,0.05); }
|
||||
.data-table th, .data-table td { padding: 12px 16px; border-bottom: 1px solid rgba(255,255,255,0.05); }
|
||||
.data-table th { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); font-weight: 600; }
|
||||
.data-table tr:hover { background: rgba(255,255,255,0.02); }
|
||||
.badge { display: inline-block; padding: 4px 10px; border-radius: 12px; font-size: 0.78rem; font-weight: 600; }
|
||||
|
||||
@@ -1,11 +1,32 @@
|
||||
<?php
|
||||
$trans = [
|
||||
'vc' => 'رأس مال جريء',
|
||||
'angel' => 'مستثمر ملائكي',
|
||||
'accelerator' => 'مسرعة أعمال',
|
||||
'incubator' => 'حاضنة أعمال',
|
||||
'venture_studio' => 'استوديو مشاريع',
|
||||
'partner' => 'شريك',
|
||||
'other' => 'أخرى'
|
||||
];
|
||||
$transType = $trans[$org['type']] ?? $org['type'];
|
||||
|
||||
$crmTrans = [
|
||||
'New' => 'جديد',
|
||||
'Researching' => 'قيد البحث',
|
||||
'Contacted' => 'تم التواصل',
|
||||
'Invested' => 'تم الاستثمار',
|
||||
'Rejected' => 'مرفوض'
|
||||
];
|
||||
$transCrmStatus = $crmTrans[$org['crm_status']] ?? $org['crm_status'];
|
||||
?>
|
||||
<div class="page-header">
|
||||
<div>
|
||||
<h1><?= $this->escape($org['name']) ?></h1>
|
||||
<p><?= $this->escape(ucfirst($org['type'])) ?> • <?= $this->escape($org['country'] ?? 'Unknown location') ?></p>
|
||||
<p><?= $this->escape($transType) ?> • <?= $this->escape($org['country'] ?? 'موقع غير محدد') ?></p>
|
||||
</div>
|
||||
<div style="display: flex; gap: 10px;">
|
||||
<a href="/admin/organizations/<?= $org['id'] ?>/edit" class="btn btn-secondary">Edit</a>
|
||||
<a href="/admin/contacts/create?organization_id=<?= $org['id'] ?>" class="btn btn-primary">+ Add Contact</a>
|
||||
<a href="/admin/organizations/<?= $org['id'] ?>/edit" class="btn btn-secondary">تعديل</a>
|
||||
<a href="/admin/contacts/create?organization_id=<?= $org['id'] ?>" class="btn btn-primary">+ إضافة جهة اتصال</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -16,55 +37,70 @@
|
||||
<div class="detail-grid">
|
||||
<!-- Left: Details -->
|
||||
<div class="glass-panel">
|
||||
<h3 style="margin-bottom: 20px;">Details</h3>
|
||||
<h3 style="margin-bottom: 20px;">التفاصيل</h3>
|
||||
<div class="detail-row">
|
||||
<span class="detail-label">Domain</span>
|
||||
<span class="detail-label">النطاق</span>
|
||||
<span><?= $org['domain'] ? $this->escape($org['domain']) : '-' ?></span>
|
||||
</div>
|
||||
<div class="detail-row">
|
||||
<span class="detail-label">Website</span>
|
||||
<span class="detail-label">الموقع الإلكتروني</span>
|
||||
<span><?= $org['website_url'] ? '<a href="' . $this->escape($org['website_url']) . '" target="_blank">' . $this->escape($org['website_url']) . '</a>' : '-' ?></span>
|
||||
</div>
|
||||
<div class="detail-row">
|
||||
<span class="detail-label">Country</span>
|
||||
<span class="detail-label">الدولة</span>
|
||||
<span><?= $this->escape($org['country'] ?? '-') ?></span>
|
||||
</div>
|
||||
<div class="detail-row">
|
||||
<span class="detail-label">City</span>
|
||||
<span class="detail-label">المدينة</span>
|
||||
<span><?= $this->escape($org['city'] ?? '-') ?></span>
|
||||
</div>
|
||||
<div class="detail-row">
|
||||
<span class="detail-label">CRM Status</span>
|
||||
<span><span class="badge badge-status-<?= strtolower(str_replace(' ', '-', $org['crm_status'])) ?>"><?= $this->escape($org['crm_status']) ?></span></span>
|
||||
<span class="detail-label">الحالة في CRM</span>
|
||||
<span><span class="badge badge-status-<?= strtolower(str_replace(' ', '-', $org['crm_status'])) ?>"><?= $this->escape($transCrmStatus) ?></span></span>
|
||||
</div>
|
||||
<div class="detail-row">
|
||||
<span class="detail-label">Funding Stage</span>
|
||||
<span class="detail-label">مرحلة التمويل</span>
|
||||
<span><?= $this->escape($org['funding_stage'] ?? '-') ?></span>
|
||||
</div>
|
||||
<div class="detail-row">
|
||||
<span class="detail-label">Created</span>
|
||||
<span><?= date('M j, Y', strtotime($org['created_at'])) ?></span>
|
||||
<span class="detail-label">تاريخ الإضافة</span>
|
||||
<span><?= date('Y-m-d', strtotime($org['created_at'])) ?></span>
|
||||
</div>
|
||||
<div class="detail-row" style="flex-direction: column; align-items: flex-start;">
|
||||
<span class="detail-label">Description</span>
|
||||
<p style="margin-top: 8px; line-height: 1.6;"><?= $this->escape($org['description'] ?? 'No description') ?></p>
|
||||
<span class="detail-label">الوصف</span>
|
||||
<p style="margin-top: 8px; line-height: 1.6; text-align: justify;"><?= $this->escape($org['description'] ?? 'لا يوجد وصف حالياً') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right: Opportunities & Contacts -->
|
||||
<div>
|
||||
<div class="glass-panel" style="margin-bottom: 20px;">
|
||||
<h3 style="margin-bottom: 16px;">Opportunities (<?= count($opportunities) ?>)</h3>
|
||||
<h3 style="margin-bottom: 16px;">الفرص المرتبطة (<?= count($opportunities) ?>)</h3>
|
||||
<?php if (empty($opportunities)): ?>
|
||||
<p style="color: var(--text-muted);">No opportunities linked to this organization yet.</p>
|
||||
<p style="color: var(--text-muted);">لا توجد فرص مرتبطة بهذه المنظمة حتى الآن.</p>
|
||||
<?php else: ?>
|
||||
<?php foreach ($opportunities as $opp): ?>
|
||||
<?php
|
||||
$oppTrans = [
|
||||
'grant' => 'المنح',
|
||||
'competition' => 'المسابقات',
|
||||
'demo_day' => 'أيام العروض',
|
||||
'event' => 'الفعاليات',
|
||||
'partnership' => 'الشراكات',
|
||||
'investment' => 'الاستثمارات',
|
||||
'other' => 'أخرى',
|
||||
'vc_funding' => 'تمويل رأس مال جريء',
|
||||
'accelerator' => 'مسرعة أعمال',
|
||||
'incubator' => 'حاضنة أعمال'
|
||||
];
|
||||
$transOppType = $oppTrans[$opp['type']] ?? $opp['type'];
|
||||
?>
|
||||
<div class="list-item">
|
||||
<div>
|
||||
<a href="/admin/opportunities/<?= $opp['id'] ?>" style="font-weight: 600;"><?= $this->escape($opp['title']) ?></a>
|
||||
<div style="display: flex; gap: 8px; margin-top: 6px;">
|
||||
<span class="badge badge-type-<?= $opp['type'] ?>"><?= $this->escape($opp['type']) ?></span>
|
||||
<span class="badge" style="background: rgba(251, 191, 36, 0.2); color: #fbbf24;">Score: <?= $opp['score'] ?></span>
|
||||
<span class="badge badge-type-<?= $opp['type'] ?>"><?= $this->escape($transOppType) ?></span>
|
||||
<span class="badge" style="background: rgba(251, 191, 36, 0.2); color: #fbbf24;">التقييم: <?= $opp['score'] ?>/100</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -73,9 +109,9 @@
|
||||
</div>
|
||||
|
||||
<div class="glass-panel">
|
||||
<h3 style="margin-bottom: 16px;">Contacts (<?= count($contacts) ?>)</h3>
|
||||
<h3 style="margin-bottom: 16px;">جهات الاتصال (<?= count($contacts) ?>)</h3>
|
||||
<?php if (empty($contacts)): ?>
|
||||
<p style="color: var(--text-muted);">No contacts added yet.</p>
|
||||
<p style="color: var(--text-muted);">لم يتم إضافة جهات اتصال بعد.</p>
|
||||
<?php else: ?>
|
||||
<?php foreach ($contacts as $contact): ?>
|
||||
<div class="list-item">
|
||||
@@ -104,5 +140,19 @@
|
||||
.badge-type-investment { background: rgba(139, 92, 246, 0.2); color: #a78bfa; }
|
||||
.badge-type-event { background: rgba(56, 189, 248, 0.2); color: #38bdf8; }
|
||||
.badge-type-partnership { background: rgba(167, 139, 250, 0.2); color: #c4b5fd; }
|
||||
.badge-type-vc_funding { background: rgba(139, 92, 246, 0.2); color: #a78bfa; }
|
||||
.badge-type-accelerator { background: rgba(251, 191, 36, 0.2); color: #fbbf24; }
|
||||
.badge-type-incubator { background: rgba(52, 211, 153, 0.2); color: #34d399; }
|
||||
.badge-vc { background: rgba(139, 92, 246, 0.2); color: #a78bfa; }
|
||||
.badge-angel { background: rgba(251, 191, 36, 0.2); color: #fbbf24; }
|
||||
.badge-accelerator { background: rgba(52, 211, 153, 0.2); color: #34d399; }
|
||||
.badge-incubator { background: rgba(56, 189, 248, 0.2); color: #38bdf8; }
|
||||
.badge-venture_studio { background: rgba(248, 113, 113, 0.2); color: #f87171; }
|
||||
.badge-partner { background: rgba(167, 139, 250, 0.2); color: #a78bfa; }
|
||||
.badge-status-new { background: rgba(96, 165, 250, 0.2); color: #60a5fa; }
|
||||
.badge-status-researching { background: rgba(251, 191, 36, 0.2); color: #fbbf24; }
|
||||
.badge-status-contacted { background: rgba(52, 211, 153, 0.2); color: #34d399; }
|
||||
.badge-status-invested { background: rgba(34, 197, 94, 0.2); color: #22c55e; }
|
||||
.badge-status-rejected { background: rgba(239, 68, 68, 0.2); color: #ef4444; }
|
||||
@media (max-width: 768px) { .detail-grid { grid-template-columns: 1fr; } }
|
||||
</style>
|
||||
Reference in New Issue
Block a user