mohammedsaid18/dashboard
1
0
نسخ 0
الشفرة المشكلات طلبات السحب Actions Packages المشاريع الإصدارات الويكي النشاط

Responsive app

تصفح المصدر
هذا الالتزام موجود في:
mohammedsaid18
2025-10-03 14:57:49 +03:00
الأصل 4a9915a6b7
التزام 56eb562193
10 ملفات معدلة مع 190 إضافات و132 حذوفات
تنزيل ملف التصحيح تنزيل ملف الاختلاف توسيع جميع الملفات طي جميع الملفات

10
src/components/Strategy/ProgressMetrics.tsx
عرض الملف

@@ -16,7 +16,7 @@ function ProgressMetrics() {
return (
<div className="bg-white rounded-lg border border-gray-200 p-3 mb-6">
<div className="flex items-center justify-between pb-3 px-2">
<div className="flex items-center md:flex-row flex-col justify-between pb-3 px-2">
<h3 className="text-lg font-bold text-gray-600">CPA Los Angeles</h3>
{/* Example 2: With Completed Status */}
<div>
@@ -31,9 +31,9 @@ function ProgressMetrics() {
</div>
<div className="flex items-center justify-between border-2 border-solid border-gray-100 rounded-lg p-4 gap-8">
<div className="flex flex-col md:flex-row items-center justify-between border-2 border-solid border-gray-100 rounded-lg p-4 gap-8">
{/* Left section with progress indicators */}
<div className="flex items-center w-1/3 border-r-2 border-solid border-gray-300 pr-10">
<div className="flex items-center md:w-1/3 w-full md:border-r-2 border-0 border-solid border-gray-300 md:pr-10 pr-0">
{/* 60% Progress */}
<div className="w-[100%]">
<div className="flex items-center justify-between">
@@ -52,7 +52,7 @@ function ProgressMetrics() {
</div>
<div className="flex items-center w-1/3 border-r-2 border-solid border-gray-300 2xl:gap-32 gap-3">
<div className="flex items-center md:w-1/3 w-full md:border-r-2 border-0 border-solid border-gray-300 2xl:gap-32 gap-3">
{/* 75% Keyword Visibility */}
<div className="w-[30%]">
<div className="text-4xl font-bold text-gray-900 mb-1">75%</div>
@@ -80,7 +80,7 @@ function ProgressMetrics() {
</div>
{/* Right section with Chat GPT and metrics */}
<div className="flex items-center w-1/3">
<div className="flex items-center md:w-1/3 w-full">
{/* Performance metrics with chart */}
<div className="flex items-center gap-4">