Fix header overlap in android
Browse files
frontend/components/SingleAnalysis.tsx
CHANGED
|
@@ -194,7 +194,12 @@ const SingleAnalysis: React.FC = () => {
|
|
| 194 |
</div>
|
| 195 |
</div>
|
| 196 |
<h3 className="text-2xl font-bold text-white mb-2">Analyzing Image</h3>
|
| 197 |
-
<p className="text-cyan-400/80 animate-pulse">Running AI classification models...</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 198 |
</div>
|
| 199 |
)}
|
| 200 |
|
|
|
|
| 194 |
</div>
|
| 195 |
</div>
|
| 196 |
<h3 className="text-2xl font-bold text-white mb-2">Analyzing Image</h3>
|
| 197 |
+
<p className="text-cyan-400/80 animate-pulse mb-4">Running AI classification models...</p>
|
| 198 |
+
<div className="bg-yellow-500/10 border border-yellow-500/20 rounded-lg px-4 py-2 max-w-xs mx-auto">
|
| 199 |
+
<p className="text-yellow-200/80 text-xs">
|
| 200 |
+
⚠️ Note: Classification runs on CPU and may take up to 30 seconds.
|
| 201 |
+
</p>
|
| 202 |
+
</div>
|
| 203 |
</div>
|
| 204 |
)}
|
| 205 |
|