2026.06.05 frontend javítgatás és új belépési logika megvalósítva

frontend/src/views/DashboardView.vue

@@ -3,6 +3,22 @@
     <!-- Garage Background Image (no dark overlay — bright, light garage) -->
     <div class="fixed inset-0 z-0">
       <div class="absolute inset-0 bg-[url('@/assets/garage-bg.png')] bg-cover bg-center bg-fixed"></div>
+
+      <!-- ── 3D Wall Text: Szerviznaptár (left wall calendar area) ── -->
+      <div
+        class="absolute top-[18%] left-[12%] text-2xl font-bold text-[#04151F] opacity-80 uppercase pointer-events-none"
+        style="transform: perspective(500px) rotateY(2deg) rotateX(-1deg);"
+      >
+        {{ t('menu.calendar') }}
+      </div>
+
+      <!-- ── 3D Wall Text: SERVICE FINDER (center wall logo area) ── -->
+      <div
+        class="absolute top-[35%] left-[45%] text-4xl font-extrabold text-[#418890] tracking-widest opacity-90 pointer-events-none"
+        style="transform: perspective(800px) rotateY(-5deg);"
+      >
+        SERVICE FINDER
+      </div>
     </div>
 
     <!-- ── Spatial UI Layer: Hotspots (always visible, even in Zen mode) ── -->
@@ -137,15 +153,15 @@
       </svg>
     </button>
 
+    <!-- ── Top Navbar (always visible, even in Zen mode) ──────────────── -->
+    <DashboardHeader
+      :first-name="authStore.user?.first_name || 'Vendég'"
+      subtitle="Irányítópultod és járműveid áttekintése"
+    />
+
     <!-- ── Content (above the overlay) with fade transition ── -->
     <Transition name="fade">
       <div v-if="isUiVisible" class="relative z-10">
-        <!-- ── Top Navbar ──────────────────────────────────────────────── -->
-        <DashboardHeader
-          :first-name="authStore.user?.first_name || 'Vendég'"
-          subtitle="Irányítópultod és járműveid áttekintése"
-        />
-
         <div class="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8">
           <!-- ── Loading State ──────────────────────────────────────────── -->
           <div
@@ -250,10 +266,13 @@
 
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { useAuthStore } from '../stores/auth'
 import { useVehicleStore } from '../stores/vehicle'
 import DashboardHeader from '../components/DashboardHeader.vue'
 
+const { t } = useI18n()
+
 const authStore = useAuthStore()
 const vehicleStore = useVehicleStore()