5103022014/Robot-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

.

Browse Source
This commit is contained in:
[Valentino Heman Budiarto] 2026-08-24 16:27:21 +07:00
parent 3fd75210f2
commit 5d3f55dc84
1 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/page.tsx
View File

@ -136,12 +136,14 @@ export default function RobotDashboard() {
<span className="w-3 h-3 rounded-full bg-red-500 animate-pulse"></span>
Live Feed
</h2>
<div className="aspect-video bg-black rounded-lg overflow-hidden flex items-center justify-center border border-gray-900 relative">
<div className="aspect-video bg-black rounded-lg overflow-hidden border border-gray-900 relative">
{/* eslint-disable-next-line @next/next/no-img-element */}
<img
src={streamUrl}
alt="Robot view"
className="w-full h-full object-cover"
// PERUBAHAN DI SINI: Posisi absolut ke kiri, hilangkan max-width, dan set object-position ke kiri
className="absolute top-0 left-0 h-full max-w-none object-cover"
style={{ width: '200%', objectPosition: 'left' }}
onError={(e) => {
e.currentTarget.style.display = 'none';
e.currentTarget.parentElement!.innerHTML = '<div class="text-red-400 text-center p-4">Kamera gagal dimuat.<br/>Pastikan Pi dan HP berada dalam jaringan Tailscale/Wi-Fi yang sama.</div>';