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 18:07:25 +07:00
parent cd67c545df
commit 08fa4324d9
1 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/page.tsx
View File

@ -136,9 +136,9 @@ 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 border border-gray-900 relative">
{/* Ubah aspect-video menjadi aspect-[4/3] jika lensamu berformat 4:3. Biarkan aspect-video jika 16:9. */}
<div className="aspect-[4/3] md:aspect-video w-full bg-black rounded-lg overflow-hidden border border-gray-900 relative">
{/* --- CONTAINER KAMERA YANG SUDAH DIPERBAIKI --- */}
<div className="aspect-4/3 md:aspect-video w-full bg-black rounded-lg overflow-hidden border border-gray-900 relative">
{/* eslint-disable-next-line @next/next/no-img-element */}
<img
src={streamUrl}
@ -153,7 +153,9 @@ export default function RobotDashboard() {
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>';
}}
/>
</div>
</div>
{/* ---------------------------------------------- */}
</div>
<div className="bg-gray-800 rounded-xl p-4 border border-gray-700 shadow-xl flex flex-col">