first commit
This commit is contained in:
36
src/layouts/RobotLayout.vue
Normal file
36
src/layouts/RobotLayout.vue
Normal file
@@ -0,0 +1,36 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user