37 lines
1.4 KiB
Vue
37 lines
1.4 KiB
Vue
<template>
|
|
<div class="min-h-screen bg-gray-900 font-mono text-white">
|
|
<!-- Robot Layout Header -->
|
|
<header class="bg-black border-b border-gray-800">
|
|
<div class="max-w-full mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="flex justify-between h-12 items-center">
|
|
<div class="flex items-center">
|
|
<div class="h-3 w-3 bg-green-500 rounded-full animate-pulse mr-2"></div>
|
|
<span class="text-lg font-bold tracking-wider">EDGE-ROBOT-082</span>
|
|
</div>
|
|
<div class="flex space-x-4 text-xs text-gray-400 items-center">
|
|
<router-link to="/" class="hover:text-white transition-colors flex items-center px-2 py-1 border border-gray-700 rounded bg-gray-800">
|
|
<span class="mr-1">⚡</span> EXIT TERMINAL
|
|
</router-link>
|
|
<span>CPU: 32%</span>
|
|
<span>MEM: 412MB</span>
|
|
<span>NET: 5G/Connected</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Main Content (Full Screen) -->
|
|
<main class="h-[calc(100vh-3rem)] overflow-hidden relative">
|
|
<router-view></router-view>
|
|
|
|
<!-- Overlay Debug Info -->
|
|
<div class="absolute bottom-4 right-4 text-xs text-gray-500 opacity-50 pointer-events-none">
|
|
FIRMWARE: v2.4.1 | MODEL: YOLOv8-Nano
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
</script>
|